@charset "utf-8";
@font-face{ font-family:cm; src:url(../fonts/cm.ttf);}
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}

/*==========================================公共 开始=============================================*/
.ar_wap{ display:none}
.a_body{ position:relative; z-index:0;}
.a_body01{ position:relative; z-index:0;}
.section{ display:none;  overflow:hidden; -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;}
.section.container01{ display:table}
.section.active{ opacity:1 !important;}
.table{ display:table; text-align:center; width:100%; height:100%}
.table_cell{ display:table-cell; vertical-align:middle}

.queryloader__overlay{ z-index:10000000}

.quanping.active01{
    right: 0;
    width: 0;
    visibility:  hidden;
}
.container01{ background:url(../images/container01.jpg) center no-repeat; background-size:cover}
.container01 header{ position:absolute; top:6%; width:100%; height:62px; z-index:1000; margin-top:-10%; -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;}
.container01.active header{ margin-top:0}
header .left{ float:left}
header .right{ float:right; font-size:0; text-align:right; padding:10px 0 0}
.container01 header .right .con{ display:inline-block; *display:inline; *zomm:1; margin-left:23px;}
header .right .con a{display:inline-block;width:55px;height:55px;line-height: 55px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;text-align:center;position:relative;}
header .right .con a img{ position:relative; z-index:1}
/*header .right .con a:before{ content:""; position:absolute; width:50px; height:50px; left:-3px; top:-3px; background:#fff; -moz-transform:scale(0); -o-moz-transform:scale(0); -webkit-moz-transform:scale(0); transform:scale(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;  -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}*/
/*header .right .con a:hover:before{ -o-moz-transform:scale(1); -webkit-moz-transform:scale(1); transform:scale(1);}*/
header .right .con a:after,header .right .con a:before{content:"";display:block;position:absolute;width:100%;height:100%;border:#231815 2px solid; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; top:0; left:0}
header .right .con a:before{opacity: 1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity .4s cubic-bezier(.455,.03,.515,.955) 50ms,-webkit-transform .4s cubic-bezier(.455,.03,.515,.955) 50ms;transition:opacity .4s cubic-bezier(.455,.03,.515,.955) 50ms,-webkit-transform .4s cubic-bezier(.455,.03,.515,.955) 50ms;transition:opacity .4s cubic-bezier(.455,.03,.515,.955) 50ms,transform .4s cubic-bezier(.455,.03,.515,.955) 50ms;transition:opacity .4s cubic-bezier(.455,.03,.515,.955) 50ms,transform .4s cubic-bezier(.455,.03,.515,.955) 50ms,-webkit-transform .4s cubic-bezier(.455,.03,.515,.955) 50ms;}
header .right .con a:after{opacity:0;-webkit-transform:scale(1.3);transform:scale(1.3);-webkit-transition:opacity .4s cubic-bezier(.165,.84,.44,1),-webkit-transform .4s cubic-bezier(.25,.46,.45,.94);transition:opacity .4s cubic-bezier(.165,.84,.44,1),-webkit-transform .4s cubic-bezier(.25,.46,.45,.94);transition:opacity .4s cubic-bezier(.165,.84,.44,1),transform .4s cubic-bezier(.25,.46,.45,.94);transition:opacity .4s cubic-bezier(.165,.84,.44,1),transform .4s cubic-bezier(.25,.46,.45,.94),-webkit-transform .4s cubic-bezier(.25,.46,.45,.94);}
header .right .con a:hover:before{opacity:0;-webkit-transform:scale(.7);transform:scale(.7);-webkit-transition:opacity .5s cubic-bezier(.25,.46,.45,.94),-webkit-transform .5s cubic-bezier(.25,.46,.45,.94);transition:opacity .5s cubic-bezier(.25,.46,.45,.94),-webkit-transform .5s cubic-bezier(.25,.46,.45,.94);transition:opacity .5s cubic-bezier(.25,.46,.45,.94),transform .5s cubic-bezier(.25,.46,.45,.94);transition:opacity .5s cubic-bezier(.25,.46,.45,.94),transform .5s cubic-bezier(.25,.46,.45,.94),-webkit-transform .5s cubic-bezier(.25,.46,.45,.94)}
header .right .con a:hover:after{opacity:1;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity .5s cubic-bezier(.77,0,.175,1) 50ms,-webkit-transform .5s cubic-bezier(.455,.03,.515,.955) 50ms;transition:opacity .5s cubic-bezier(.77,0,.175,1) 50ms,-webkit-transform .5s cubic-bezier(.455,.03,.515,.955) 50ms;transition:opacity .5s cubic-bezier(.77,0,.175,1) 50ms,transform .5s cubic-bezier(.455,.03,.515,.955) 50ms;transition:opacity .5s cubic-bezier(.77,0,.175,1) 50ms,transform .5s cubic-bezier(.455,.03,.515,.955) 50ms,-webkit-transform .5s cubic-bezier(.455,.03,.515,.955) 50ms}
header .right .con.con01 a:after{content:"";display:block;position:absolute;width:100%;height:100%;border:#231815 2px solid; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; top:0; left:0; opacity:1; -webkit-transform:scale(1);transform:scale(1);}

header .right .con.con01 a:before{ content:"";display:block;position:absolute;width:100%;height:100%; border:none; border:rgba(0,0,0,0.15) 5px solid; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; top:0; left:0; -webkit-animation:dong 1.3s ease-out 0.36s infinite;}
/*header .right .con.con01 a:before { border:rgba(0,0,0,0.12) 8px solid;
    -webkit-animation: loader-06 2s ease-out infinite;
    animation: loader-06 2s ease-out infinite;
}*/
@-webkit-keyframes dong {
    form {
        -webkit-transform: scale(1);
		transform: scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(1.55);
        transform: scale(1.55);
        opacity: 0;
    }
}
@keyframes loader-06 {
    form {
        -webkit-transform: scale(1);
		transform: scale(1);
        opacity: 1;
    }
    to {
        -webkit-transform: scale(1.55);
        transform: scale(1.55);
        opacity: 0;
    }
}

/*header .right .con.con01 a:after {
	position: absolute;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box; 
	-moz-box-sizing: content-box; 
	box-sizing: content-box;
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.35);
	opacity: 0;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
*/
/*header .right .con.con01 a:after {
	-webkit-animation: sonarEffect 1.3s ease-out 75ms;
	-moz-animation: sonarEffect 1.3s ease-out 75ms;
	animation: sonarEffect 1.3s ease-out 75ms;
	animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite;
}*/
/*@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.1;
	}
	40% {
		opacity: 0.2;
	}
	100% {
		-webkit-transform: scale(1.3);
		opacity: 0;
	}
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.1;
	}
	40% {
		opacity: 0.2;
	}
	100% {
		-webkit-transform: scale(1.3);
		opacity: 0;
	}
}
@keyframes sonarEffect {
	0% {
		opacity: 0.1;
	}
	40% {
		opacity: 0.2;
	}
	100% {
		-webkit-transform: scale(1.3);
		opacity: 0;
	}
}*/

.container01{ background-size:cover; position:relative;}
.container01 #ul_container { width: 100%; height: 768px; margin:0 auto; position:relative;}
.container01 #ul_container li { position: absolute; list-style: none; }
.chanpin {z-index:3; left:43%; top:120%; width:270px; height:1131px; /*-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;*/ margin-left: -135px;}
.yingwen {z-index:2; left:0; top:275px; width:1504px; height:235px; opacity:0}
.huaban {z-index:1; left:100px; top:-10px; width:1241px; height:695px; opacity:0}

.top_box{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000000;pointer-events: none;}
.top_box a.boxclose{position:fixed;right:3.5rem;top:2rem;z-index:10000;-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;cursor:  pointer;}
.top_box a.boxclose:hover{ position:fixed; right:3.5rem; top:2rem; z-index:100; transform:rotate(90deg); -webkit-transform:rotate(90deg);  -moz-transform:rotate(90deg);}

.c-menu__bg {
	height: 100%;
	left: 100%;
	position: absolute;
	top: 0;
	transition: left ease-in-out .3s;
	width: 100%;
	visibility:hidden;
	z-index: 0;
}

.c-menu__bg:after {
	content: '';
	display: none;
	left: 0;
	position: absolute;
	top: -140vh;
	width: 200vh;
	height: 200vh;
	transform: rotate(45deg);
	background: rgba(34,34,33,0.98);
}

.c-menu__bg:before {
	background:url(../images/yop_bg.png) center no-repeat;
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.has-active-menu .c-menu__bg {
	left: 0;
	pointer-events:auto;
	visibility:visible;
}

.top_box.has-active-menu{ pointer-events:auto;visibility:visible}

.lwy_box{ width:100%; height:100%; display:none; font-size:0; position:relative}
.has-active-menu .lwy_box{width:100%;height:100%;display:block;position: relative;z-index: 1000; text-align:left}
.lwy_box .am-container01,.lwy_box .am-container01 .am-g,.lwy_box .am-container01 .am-g .am-u-lg-12{ height:100%;}
.lwy_box .table .table_cell .line{ position:relative;}
.lwy_box .table .table_cell .line:before{content:"";position:absolute;top: 2.5rem;left: 50%;width: 2000px;margin-left: -1000px;height:1px;background:#6a6a6c;}
.lwy_box dl{ display:inline-block; text-align:left; width:20%}
.lwy_box dl dt{ font-size:0.9375rem; color:#fff; font-weight:bold; margin-bottom:2.5rem; text-transform:uppercase}
.lwy_box dl dt a{ color:#fff; position:relative}
.lwy_box dl dt a:before{content:"";position:absolute;left:0;bottom: -1.65rem;width:100%;height:3px;background:#868686; }
.lwy_box dl dt a:after{content:"";position:absolute;left:0;bottom: -1.65rem;width:0;height:3px;background:#ffd026; -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;}
.lwy_box dl:hover dt a:after{ width:100%}
.lwy_box dl dd{ height:1.875rem; line-height:1.875rem;}
.lwy_box dl dd a{ font-size:0.875rem; color:rgba(255,255,255,0.55);}
.lwy_box dl dd a:hover{ color:#fff}
.lwy_box .nav_duoyu{ margin-top:2.5rem}
.lwy_box .nav_duoyu ul li{ display:inline-block; margin:0 0.4375rem;}
.lwy_box .nav_duoyu ul li a{ display:inline-block; border:#747475 1px solid; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; width:11.5625rem; height:3.4375rem; line-height:calc(3.4375rem - 2px); font-size:0.8125rem; color:rgba(255,255,255,0.65); text-transform:uppercase; position:relative; overflow:hidden;}
.lwy_box .nav_duoyu ul li a span{ position:relative; z-index:10}
.lwy_box .nav_duoyu ul li a:hover{ color:#fff; border:#ffd026 1px solid}
.nav_duoyu ul li:nth-child(1){ display:none}

.lwy_box .title{ height:62px; margin-bottom:9rem}
.lwy_box .title img{ top:-50px; position:relative;}
.lwy_box .content ul{float:left;width:650px;overflow:hidden;height: 424px; left:-50px; position:relative;}

.lwy_box .content ul li{float:left;width:325px;text-align:left;margin-bottom: 40px;}
.lwy_box .content ul li a{display:block;position:relative;-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;width: 152px;height: 50px;line-height: 46px;border: rgba(255,255,255,0.25) 2px solid;text-align:  center; -moz-border-radius:23px; -webkit-border-radius:23px; border-radius:23px;}
.lwy_box .content ul li a:hover{ border: #f6d106 2px solid;}
.lwy_box .content ul li a h3,.lwy_box .content ul li a h5{ -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;}
.lwy_box .content ul li:hover a h3,.lwy_box .content ul li:hover a h5{color:#fff}
/*.lwy_box .content ul li a:before{ content:""; position:absolute; width:0; height:1px; left:0; top:50%; margin-top:-0.5px; background:#f6d106; -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;}
.lwy_box .content ul li:hover a:before{ width:60px;}
.lwy_box .content ul li a:after{ content:""; position:absolute; width:0; height:1px; left:0; top:50%; margin-top:-0.5px; -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;}
.lwy_box .content ul li:hover a:after{ width:80px;}*/
.lwy_box .content ul li a h3{ font-size:22px; color:#fff; text-transform:capitalize; font-family:cm; font-weight:bold; margin-bottom:6px;}
.lwy_box .content ul li a h5{ font-size:16px; color:#fff; }
.right__2ftMD{ float:right; text-align:left; padding:0 0 0; position:relative; right:-50px;}
.right__2ftMD p{font-size:14px;color:#fff;line-height: 24px;}
.btn__3um8i{border:none;background:none;display:inline-block;position:relative;padding:10px 15px;font-size:13px;font-weight:500;letter-spacing:0.8px;text-transform:uppercase;-webkit-transition-property:background, opacity;-o-transition-property:background, opacity;transition-property:background, opacity;-webkit-transition-duration:0.2s;-o-transition-duration:0.2s;transition-duration:0.2s;color: #fff;margin-top: 20px;}
.left__1U2py{position:absolute;background:#a9c4ab;top:0;bottom:0;width:1px;-webkit-transition:-webkit-transform 0.2s ease-in;transition:-webkit-transform 0.2s ease-in;-o-transition:transform 0.2s ease-in;transition:transform 0.2s ease-in;transition:transform 0.2s ease-in, -webkit-transform 0.2s ease-in;left:0;}
.bdLeft__7nQdg {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50%;
	border: 1px solid #a9c4ab;
	border-left: none;
	border-right: none;
	-webkit-transition: -webkit-transform 0.2s 0.2s ease-out;
	transition: -webkit-transform 0.2s 0.2s ease-out;
	-o-transition: transform 0.2s 0.2s ease-out;
	transition: transform 0.2s 0.2s ease-out;
	transition: transform 0.2s 0.2s ease-out, -webkit-transform 0.2s 0.2s ease-out;
	left: 0;
	-webkit-transform-origin: left;
	-ms-transform-origin: left;
	transform-origin: left
}
.right__3KA-B {
	position: absolute;
	background: #a9c4ab;
	top: 0;
	bottom: 0;
	width: 1px;
	-webkit-transition: -webkit-transform 0.2s ease-in;
	transition: -webkit-transform 0.2s ease-in;
	-o-transition: transform 0.2s ease-in;
	transition: transform 0.2s ease-in;
	transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
	right: 0
}
.bdRight__D3f2t {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 50%;
	border: 1px solid #a9c4ab;
	border-left: none;
	border-right: none;
	-webkit-transition: -webkit-transform 0.2s 0.2s ease-out;
	transition: -webkit-transform 0.2s 0.2s ease-out;
	-o-transition: transform 0.2s 0.2s ease-out;
	transition: transform 0.2s 0.2s ease-out;
	transition: transform 0.2s 0.2s ease-out, -webkit-transform 0.2s 0.2s ease-out;
	right: 0;
	-webkit-transform-origin: right;
	-ms-transform-origin: right;
	transform-origin: right
}
.btn__3um8i:not(:disabled):hover .left__1U2py,.btn__3um8i:not(:disabled):focus .left__1U2py {
	-webkit-transform: scaleY(0.3);
	-ms-transform: scaleY(0.3);
	transform: scaleY(0.3);
	-webkit-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	transition-delay: 0.2s;
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}
.btn__3um8i:not(:disabled):hover .bdLeft__7nQdg,.btn__3um8i:not(:disabled):focus .bdLeft__7nQdg {
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-timing-function: ease-in;
	-o-transition-timing-function: ease-in;
	transition-timing-function: ease-in
}
.btn__3um8i:not(:disabled):hover .right__3KA-B,.btn__3um8i:not(:disabled):focus .right__3KA-B {
	-webkit-transform: scaleY(0.3);
	-ms-transform: scaleY(0.3);
	transform: scaleY(0.3);
	-webkit-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	transition-delay: 0.2s;
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}
.btn__3um8i:not(:disabled):hover .bdRight__D3f2t,.btn__3um8i:not(:disabled):focus .bdRight__D3f2t {
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-timing-function: ease-in;
	-o-transition-timing-function: ease-in;
	transition-timing-function: ease-in
}
.right__2ftMD h3{ font-size:20px; color:#fff; margin-bottom:32px;}
.right__2ftMD h3 a{display:inline-block;width: 152px;height: 48px;line-height: 46px;background:#f6d106;text-align:center;transition: all 0.36s ease-in-out;-moz-border-radius: 23px;-webkit-border-radius:23px;border-radius:23px;color:  #333 !important;}
.right__2ftMD h3 a:hover{ background:#eac601;}
.right__2ftMD p{ font-size:16px; line-height:36px;}
.right__2ftMD p font{ font-size:27px; color:#f6d106; font-style:italic; font-weight:bold;}
.right__2ftMD h1{ margin-top:56px;}

.container02{background:url(../images/container02.jpg) center repeat;/* background-size:cover; */}

.container02 .content{ height:620px;}
.container02 .content .box{ display:inline-block; background:url(../images/yinhao01.png) left bottom no-repeat, url(../images/yinhao02.png) right top no-repeat; width:814px;}
.container02 .content .title{text-align:center;height:204px;margin-bottom: 25px;}
.container02 .content .title h3{ font-size:30px; color:#231815; margin-bottom:20px; height:30px; position:relative}
.container02 .content .title h3 span{ margin-top:-50px; position:absolute; display:block; width:100%; -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;}
.container02.active .content .title h3 span{ margin-top:0;}
.container02 .content .title h1{ position:relative;}
.container02 .content .title h1 img{ position:relative; z-index:1; opacity:0; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out; bottom:-50px}
.container02.active .content .title h1 img{ opacity:1; bottom:0}
.container02 .content .title h1:before{content:"";position:absolute;width:333px;height:13px;bottom: 4px;left:50%;margin-left: 606px;background:#ffde1d; opacity:0; -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;}
.container02.active .content .title h1:before{opacity:1; margin-left: -136px;}

.container02 .left{width:591px;height:372px;position:relative;margin: 0 auto;-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; opacity:0;  -moz-transform:scale(0.5); -o-moz-transform:scale(0.5); -webkit-moz-transform:scale(0.5); transform:scale(0.5); transition-delay: 1s}
.container02.active .left{ -moz-transform:scale(1); -o-moz-transform:scale(1); -webkit-moz-transform:scale(1); transform:scale(1); opacity:1}
.container02 .left img{ width:591px; height:372px; border:#fff 5px solid; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.container02 .left .top{ position:absolute; width:100%; height:100%; right:0; top:0}
.container02 .left .top .con{ width:100%; height:100%}
.container02 .left .top .con h1{ margin-bottom:1rem}
.container02 .left .top .con h1 img{ width:auto; height:auto; border:none; -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; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.container02 .left:hover .top .con h1 img.img01{ transform:rotate(120deg); -webkit-transform:rotate(120deg);  -moz-transform:rotate(120deg); background:rgba(255,255,255,0.15); }
.container02 .left .top .con h2{ font-size:44px; color:#fff; margin-bottom:50px; font-family:kaiti;}

/*======================j_弹窗======================*/
#page_show_video_box {position: absolute;z-index: 9995; top: -2000px;left: 0;display: block;height: 100%;width: 100%;}
#page_show_video_box .bg_box {position: absolute;z-index: 9994;top: 0px;display: none;height: 100%;width: 100%;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#B2000000', endColorstr='#B2000000');background: rgba(0,0,0,0.7);}
#page_show_video_box .box {position: absolute;top: 50%;z-index: 9999;left: 50%;margin-left: -405px;}
#page_video {width: 783px;height: 405px;position: relative;}
#page_video .video_box {border: 5px solid #ffde1d;width: 713px;height: 405px;overflow: hidden;}
#page_video .video_box .j_video{background: #ffde1d;}
#page_show_video_box #j_video {background: url(../images/j_loading.gif) center 200px no-repeat;background-size: 100px 100px;}
#page_show_video_box .info {padding: 15px 25px 15px 25px;width: 713px;background: #ffde1d;}
#page_show_video_box .info h1.title {font-size: 18px;color: #212121;margin-bottom: 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#page_show_video_box .info p {line-height: 24px;overflow: hidden;font-size: 14px;color: #fff;padding-bottom: 15px}




#page_show_video_box .info p.last {padding-bottom: 0;}
#page_show_video_box #playercontainer {display: none;}
#page_show_video_box #page_ar {width: 810px;position: relative;}
#page_show_video_box #page_ar .ar_box {border: 5px solid #69a145;width: 730px;padding: 40px 0;background: #fff;position: relative;}
#page_show_video_box #page_ar .ar_box .ar_article {padding: 0px 35px;height: 540px;}
#page_show_box .bg_box {position: fixed; z-index: 9994; top: 0px; display: none; height: 100%; width: 100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#B2000000', endColorstr='#B2000000'); background: rgba(0,0,0,0.7);}
#page_show_box .box {position: absolute;top: 50%;z-index: 9999;left: 50%;margin-left: -405px;}
#bnt_close01 {display: block;width: 70px;height: 70px;background: #ffde1d;position: absolute;top: 0;right: 0;}
#bnt_close01 img {display: block;position: absolute;left: 20px;top: 23px;width: 25px;height: 25px; -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;}
#bnt_close01:hover img {transform: rotate(90deg);-ms-transform: rotate(90deg); /* IE 9 */-moz-transform: rotate(90deg); 	/* Firefox */-webkit-transform: rotate(90deg); /* Safari 和 Chrome */-o-transform: rotate(90deg); 	/* Opera */}

#page_show_video_box video{width: 703px;height: 395px;}

.container03 .lwy01 .left{ float:left; width:230px; height:810px;}
.container03 .lwy01 .left h3{font-size:18px;color:#000000;font-weight:bold;margin-bottom:32px;display:  none;}
.container03 .lwy01 .left h3 span{ display:inline-block; padding:0 35px; position:relative;}
.container03 .lwy01 .left h3 span:before{ content:""; position:absolute; width:20px; height:1px; background:#a1a19d; left:0; top:50%; margin-top:-0.5px;}
.container03 .lwy01 .left h3 span:after{ content:""; position:absolute; width:20px; height:1px; background:#a1a19d; right:0; top:50%; margin-top:-0.5px;}
.container03 .lwy01 .left ul.slider-nav{ }
@-webkit-keyframes criss-cross-left {
  0% {
    left: -20px;
  }
  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 50%;
    width: 375px;
    height: 375px;
  }
}
@keyframes criss-cross-left {
  0% {
    left: -20px;
  }
  50% {
    left: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    left: 50%;
    width: 375px;
    height: 375px;
  }
}
@-webkit-keyframes criss-cross-right {
  0% {
    right: -20px;
  }
  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    right: 50%;
    width: 375px;
    height: 375px;
  }
}
@keyframes criss-cross-right {
  0% {
    right: -20px;
  }
  50% {
    right: 50%;
    width: 20px;
    height: 20px;
  }
  100% {
    right: 50%;
    width: 375px;
    height: 375px;
  }
}
.btn-11 {
  position: relative;
  color: #9a7cba;
}
.btn-11:before, .btn-11:after {
  position: absolute;
  top: 50%;
  content: '';
  width: 20px;
  height: 20px;
  background: #ffd026;
  border-radius: 50%;
}
.btn-11:before {
  left: -20px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  /*     animation: criss-cross-left 0.8s reverse; */
}
.btn-11:after {
  right: -20px;
  -webkit-transform: translate(50%, -50%);
          transform: translate(50%, -50%);
  /*     animation: criss-cross-right 0.8s reverse; */
}
.btn-11:hover:before, .btn-11:hover:after {
  /*       @include size($btn-width); */
}
.btn-11:hover:before {
  -webkit-animation: criss-cross-left 0.8s both;
          animation: criss-cross-left 0.8s both;
}
.btn-11:hover:after {
  -webkit-animation: criss-cross-right 0.8s both;
          animation: criss-cross-right 0.8s both;
}
.container03 .lwy01 .left ul.slider-nav li{width: 100% !important;height: 47px;line-height: 47px;padding:0 0 0 40px;position:relative;margin: 10px 0;}
.container03 .lwy01 .left ul.slider-nav li span{ position:relative; z-index:1}
.container03 .lwy01 .left ul.slider-nav li.miso-current a{display:inline-block;height: 47px;padding: 0 10px 0 20px;background:#ffd026;-moz-border-radius: 24px;-webkit-border-radius: 24px;border-radius: 24px;color: #fff;font-weight:  bold; border:#ffd026 1px solid;}
.container03 .lwy01 .left ul.slider-nav li.miso-current:before{content:"";width:12px !important;height:12px;border: #fff 2px solid;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;position:absolute;left: 50px;top:50%;margin-top:-6px;}
.container03 .lwy01 .left ul.slider-nav li a{font-size: 14px;color: #434342;line-height:47px;width: 100%; display:inline-block;height: 47px;padding: 0 10px 0 20px;-moz-border-radius: 24px;-webkit-border-radius: 24px;border-radius: 24px; border:#e5e5e5 1px solid; overflow:hidden}
.container03 .lwy01 .left ul.slider-nav li a:hover span{ color:#fff; transition-delay:0.36s}
.container03 .lwy01 ul.slider-for{float:right;width:900px;max-height: 810px;}
.container03 .lwy01 ul.slider-for li.miso-slide{ width:900px !important; height:795px !important; margin-top:0 !important; margin-left:0 !important}
.container03 .lwy01 ul.slider-for li.miso-slide .box .con{ text-align:center}
.container03 .lwy01 ul.slider-for li.miso-slide .box .con img{ display:inline-block; position:relative; z-index:10; bottom:-600px; -moz-transition: all 1.2s ease-in-out;-webkit-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;-ms-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
.container03.active .lwy01 ul.slider-for li.miso-slide .box .con img,.container03.active .lwy01 ul.slider-for li.miso-slide.miso-current .box .con img{ bottom:0;}

.container03 .lwy01 ul.slider-for .bg{ position:absolute; width:0; left:258px; top:424px; opacity:0; -moz-transition: all 1.2s ease-in-out;-webkit-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;-ms-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
.container03.active .lwy01 ul.slider-for .bg{ left:188px; opacity:1; width:176px; transition-delay:1.2s;}
.container03 .lwy01 ul.slider-for .wenzi{ position:absolute; top:0; left:0; width:100%; height:100%}
.container03 .lwy01 ul.slider-for .wenzi dl{ margin-top:30px; opacity:0; -moz-transition: all 1.2s ease-in-out;-webkit-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;-ms-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out;}
.container03.active .lwy01 ul.slider-for .wenzi dl{ margin-top:0; opacity:1}
.container03 .lwy01 ul.slider-for .wenzi dl dt{ font-size:20px; font-weight:normal; color:#000; margin-bottom:8px;}
.container03 .lwy01 ul.slider-for .wenzi dl dd{font-size: 14px;color: #999;text-transform:capitalize;}
.container03 .lwy01 ul.slider-for .wenzi dl:before{ -moz-transform:scale(0); -o-moz-transform:scale(0); -webkit-moz-transform:scale(0); transform:scale(0);  -moz-transition: all 1.2s ease-in-out;-webkit-transition: all 1.2s ease-in-out;-o-transition: all 1.2s ease-in-out;-ms-transition: all 1.2s ease-in-out;transition: all 1.2s ease-in-out; }
.container03.active .lwy01 ul.slider-for .wenzi dl:before{ -moz-transform:scale(1); -o-moz-transform:scale(1); -webkit-moz-transform:scale(1); transform:scale(1); transition-delay:1.2s;}
.container03.active .lwy01 ul.slider-for .wenzi dl:after{ transition-delay:1.2s;}

.container03 .lwy01 ul.slider-for .wenzi .dl00{ top:272px; position:absolute; left:0; width:100%; padding:0 572px 0 0; text-align:right;}
.container03 .lwy01 ul.slider-for .wenzi .dl00:before{ content:""; position:absolute; right:488px; top:0; width:50px; height:50px; border:#c5c5c7 1px solid; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.container03 .lwy01 ul.slider-for .wenzi .dl00:after{ content:""; position:absolute; left:334px; top:50%; margin-top:-0.5px; width:0; height:1px; background:#c5c5c7; -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;}
.container03.active .lwy01 ul.slider-for .wenzi .dl00:after{ width:44px}

.container03 .lwy01 ul.slider-for .wenzi .dl01{ top:336px; position:absolute; left:0; width:100%; padding:0 0 0 662px; text-align:left;}
.container03 .lwy01 ul.slider-for .wenzi .dl01:before{ content:""; position:absolute; right:352px; top:0; width:50px; height:50px; border:#c5c5c7 1px solid; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.container03 .lwy01 ul.slider-for .wenzi .dl01:after{ content:""; position:absolute; right:242px; top:50%; margin-top:-0.5px; width:0; height:1px; background:#c5c5c7; -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;}
.container03.active .lwy01 ul.slider-for .wenzi .dl01:after{ width:127px}

.container03 .lwy01 ul.slider-for .wenzi .dl02{top: 432px;position:absolute;left:0;width:100%;padding:0 650px 0 0;text-align:right;}
.container03 .lwy01 ul.slider-for .wenzi .dl02:before{ content:""; position:absolute; right:505px; top:0; width:50px; height:50px; border:#c5c5c7 1px solid; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.container03 .lwy01 ul.slider-for .wenzi .dl02:after{ content:""; position:absolute; left:260px; top:50%; margin-top:-0.5px; width:0; height:1px; background:#c5c5c7; -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;}
.container03.active .lwy01 ul.slider-for .wenzi .dl02:after{ width:103px}

.container03 .lwy01 ul.slider-for .wenzi .dl03{top: 593px;position:absolute;left:0;width:100%;padding:0 0 0 574px;text-align:left;}
.container03 .lwy01 ul.slider-for .wenzi .dl03:before{ content:""; position:absolute; right:348px; top:0; width:50px; height:50px; border:#c5c5c7 1px solid; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.container03 .lwy01 ul.slider-for .wenzi .dl03:after{ content:""; position:absolute; right:332px; top:50%; margin-top:-0.5px; width:0; height:1px; background:#c5c5c7; -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;}
.container03.active .lwy01 ul.slider-for .wenzi .dl03:after{ width:26px}

.container03 .lwy01 ul.slider-for .wenzi .dl04{top: 574px;position:absolute;left:0;width:100%;padding:0 590px 0 0;text-align:right;}
.container03 .lwy01 ul.slider-for .wenzi .dl04:before{ content:""; position:absolute; right:505px; top:0; width:50px; height:50px; border:#c5c5c7 1px solid; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.container03 .lwy01 ul.slider-for .wenzi .dl04:after{ content:""; position:absolute; left:318px; top:50%; margin-top:-0.5px; width:0; height:1px; background:#c5c5c7; -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;}
.container03.active .lwy01 ul.slider-for .wenzi .dl04:after{ width:44px;}

.container03 .lwy01 ul.slider-for .wenzi .dl05{top: 464px;position:absolute;left:0;width:100%;padding:0 0 0 652px;text-align:left;}
.container03 .lwy01 ul.slider-for .wenzi .dl05:before{ content:""; position:absolute; right:338px; top:0; width:50px; height:50px; border:#c5c5c7 1px solid; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.container03 .lwy01 ul.slider-for .wenzi .dl05:after{ content:""; position:absolute; right:255px; top:50%; margin-top:-0.5px; width:0; height:1px; background:#c5c5c7; -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;}
.container03.active .lwy01 ul.slider-for .wenzi .dl05:after{ width:103px}

.container04{ background:#ffde1d; position:relative}
.container04:before{ background:url(../images/container04_huaban.jpg) center 80% no-repeat; position:absolute; width:100%; height:100%; content:""}
.container04 #ul_container01{ width:1831px; height:674px; margin:0 auto; position:relative}
.container04 #ul_container01 li { position: absolute; list-style: none; }
.yingwen01 {z-index:2; left:0; top:-15px; width:1831px; height:395px;}

.container04 .content{ margin-top:-640px;}
.container04 .title{ margin-bottom:150px; position:relative; height:68px;  pointer-events: none;}
.container04 .title h4{ font-size:18px; color:#000; margin-bottom:18px; padding:0 0 0 58px; background:url(../images/line.png) left center no-repeat; position:relative; left:-150px; opacity:0; -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;}
.container04.active .title h4{ left:0; opacity:1}
.container04 .title h3{ font-size:30px; color:#000; font-family:cm; font-style:italic; padding:0 0 0 50px; position:relative; left:-150px; opacity:0; -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;}
.container04.active .title h3{ left:0; opacity:1}
.container04 dl{text-align:center;font-size: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; opacity:0;  -moz-transform:scale(0.5); -o-moz-transform:scale(0.5); -webkit-moz-transform:scale(0.5); transform:scale(0.5); transition-delay: 1s; opacity:0; }
.container04.active dl{  opacity:1; -moz-transform:scale(1); -o-moz-transform:scale(1); -webkit-moz-transform:scale(1); transform:scale(1);}
.container04 dl dd{ display:inline-block; width:33.33333%;}
.container04 dl dd .img{ height:440px; position:relative;}
.container04 dl dd:nth-child(1) .img img{ margin-top:-25px;}
.container04 dl dd .img:before{ content:""; position:absolute; z-index:-1; width:238px; height:238px; background:rgba(255,255,255,0.3); -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; left:50%; margin-left:-119px; top:50%; margin-top:-119px}
.container04 dl dd .img a{ position:relative; z-index:2; display:block; width:100%; height:100%}
/* Effect 8 */
.container04 dl dd .img:before {
	-webkit-transition: -webkit-transform ease-out 0.6s, background 0.36s;
	-moz-transition: -moz-transform ease-out 0.6s, background 0.36s;
	transition: transform ease-out 0.6s, background 0.36s;
}

.container04 dl dd:hover .img:before {
	-webkit-transform: scale(0.93);
	-moz-transform: scale(0.93);
	-ms-transform: scale(0.93);
	transform: scale(0.93);
	color: #fff;
}


.container04 dl dd .img:after {
	pointer-events: none;
	left: 50%;
	top: 50%;
	position: absolute;
	width: 238px;
	height: 238px;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	margin-left: -119px;
	margin-top: -119px;
	z-index:0
}
.container04 dl dd .img:hover:after {
	-webkit-animation: sonarEffect 1.3s ease-out 75ms;
	-moz-animation: sonarEffect 1.3s ease-out 75ms;
	animation: sonarEffect 1.3s ease-out 75ms;
}

@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
		-webkit-transform: scale(1.25);
		opacity: 0;
	}
}
@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
		-moz-transform: scale(1.25);
		opacity: 0;
	}
}
@keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255,255,255,0.2), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255,255,255,0.2), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,0.5);
		transform: scale(1.25);
		opacity: 0;
	}
}
.container04 dl dd h5{ font-size:16px; color:#222121}
.container04 dl dd h5 a{ font-size:16px; color:#222121}
.container04 .w1200{  }


.container05{background:url(../images/container05_bg.jpg) center no-repeat;}
.container05 .title{ text-align:center}
.container05 .title h3{}
.container05 .title h4{ font-size:20px; color:#151514; margin:15px 0 18px;}
.container05 .lwy{
	width: 1200px;
	height: auto;
	position: relative;
	cursor: pointer;
	margin: 0 auto;
}
.container05 .slider-nav,.container05 .slider-for{
	width: 1200px;
	height: 639px;
}
.container05 .slider-for{
	position: absolute;
	left: 0;top: 0;
}
.container05 .slider-for .miso-slide{
	width: 100%;
	height:  639px;
	text-align: center;
	object-fit: cover;
}
.container05 .slider-nav img{
	width: 1200px;
	height: 639px;
	font-size: 100px;

	text-align: center;
	object-fit: cover;
	margin:0 auto
}
.container05 .slider-for .miso-slide{
	width: 100%;
	height: auto;
	font-size: 100px;
	text-align: center;
	object-fit: cover;				
}
.container05 .slider-for .miso-slide img{
	width: 1200px;
	height: auto;
	font-size: 100px;
	text-align: center;
	object-fit: cover;
	margin:0 auto;
	margin-top: 154px;
}
.container05 .slider-for .miso-slide{
	overflow: hidden;
}
.container05 .miso-prev{
	position: absolute;
	top: 50%;
	left: -70px;
	margin-top: -35px;
	width: 70px;

	height: 70px;
	z-index: 2;
	background:#fff;
	/*background:url(../images/bannerL.png) center no-repeat*/
	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; overflow:hidden;
}
.container05 .miso-prev:hover{ background:#ffde1d}
.container05 .miso-prev:before{ transform:translateX(0); -webkit-transform:translateX(0); background:url(../images/jiantou01.png) center no-repeat; position:absolute; left:0; top:0; width: 70px; height: 70px; -webkit-transition:opacity 0s cubic-bezier(.165,.84,.44,1) 0s,-webkit-transform 0s cubic-bezier(.77,0,.175,1) 0s;transition:opacity 0s cubic-bezier(.165,.84,.44,1) 0s,-webkit-transform 0s cubic-bezier(.77,0,.175,1) 0s;transition:transform 0s cubic-bezier(.77,0,.175,1) 0s,opacity 0s cubic-bezier(.165,.84,.44,1) 0s;transition:transform 0s cubic-bezier(.77,0,.175,1) 0s,opacity 0s cubic-bezier(.165,.84,.44,1) 0s,-webkit-transform 0s cubic-bezier(.77,0,.175,1) 0s}
.container05 .miso-prev:hover:before{transform:translateX(-70px); -webkit-transform:translateX(-70px); -webkit-transition:opacity .6s cubic-bezier(.77,0,.175,1),-webkit-transform .6s cubic-bezier(.77,0,.175,1);transition:opacity .6s cubic-bezier(.77,0,.175,1),-webkit-transform .6s cubic-bezier(.77,0,.175,1);transition:transform .6s cubic-bezier(.77,0,.175,1),opacity .6s cubic-bezier(.77,0,.175,1);transition:transform .6s cubic-bezier(.77,0,.175,1),opacity .6s cubic-bezier(.77,0,.175,1),-webkit-transform .6s cubic-bezier(.77,0,.175,1)}
.container05 .miso-prev:after{  transform:translateX(70px); -webkit-transform:translateX(70px); content:""; background:url(../images/jiantou01.png) center no-repeat; position:absolute; left:0; top:0; width: 70px; height: 70px; -webkit-transition:opacity 0s cubic-bezier(.165,.84,.44,1) 0s,-webkit-transform 0s cubic-bezier(.77,0,.175,1) 0s;transition:opacity 0s cubic-bezier(.165,.84,.44,1) 0s,-webkit-transform 0s cubic-bezier(.77,0,.175,1) 0s;transition:transform 0s cubic-bezier(.77,0,.175,1) 0s,opacity 0s cubic-bezier(.165,.84,.44,1) 0s;transition:transform 0s cubic-bezier(.77,0,.175,1) 0s,opacity 0s cubic-bezier(.165,.84,.44,1) 0s,-webkit-transform 0s cubic-bezier(.77,0,.175,1) 0s}
.container05 .miso-prev:hover:after{ transform:translateX(-70px); -webkit-transform:translateX(-70px);transform:translateX(0); -webkit-transform:translateX(0); -webkit-transition:opacity .6s cubic-bezier(.77,0,.175,1),-webkit-transform .6s cubic-bezier(.77,0,.175,1);transition:opacity .6s cubic-bezier(.77,0,.175,1),-webkit-transform .6s cubic-bezier(.77,0,.175,1);transition:transform .6s cubic-bezier(.77,0,.175,1),opacity .6s cubic-bezier(.77,0,.175,1);transition:transform .6s cubic-bezier(.77,0,.175,1),opacity .6s cubic-bezier(.77,0,.175,1),-webkit-transform .6s cubic-bezier(.77,0,.175,1)}
.container05 .miso-next{
	position: absolute;
	top: 50%;
	right: -70px;
	margin-top: -35px;
	width: 70px;
	height: 70px;
	z-index: 2;
	background:#fff;
	/*background:url(../images/bannerL.png) center no-repeat*/
	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; overflow:hidden;
}
.container05 .miso-next:before{ transform:translateX(0); -webkit-transform:translateX(0); background:url(../images/jiantou02.png) center no-repeat; position:absolute; left:0; top:0; width: 70px; height: 70px; -webkit-transition:opacity 0s cubic-bezier(.165,.84,.44,1) 0s,-webkit-transform 0s cubic-bezier(.77,0,.175,1) 0s;transition:opacity 0s cubic-bezier(.165,.84,.44,1) 0s,-webkit-transform 0s cubic-bezier(.77,0,.175,1) 0s;transition:transform 0s cubic-bezier(.77,0,.175,1) 0s,opacity 0s cubic-bezier(.165,.84,.44,1) 0s;transition:transform 0s cubic-bezier(.77,0,.175,1) 0s,opacity 0s cubic-bezier(.165,.84,.44,1) 0s,-webkit-transform 0s cubic-bezier(.77,0,.175,1) 0s}
.container05 .miso-next:hover:before{transform:translateX(70px); -webkit-transform:translateX(70px); -webkit-transition:opacity .6s cubic-bezier(.77,0,.175,1),-webkit-transform .6s cubic-bezier(.77,0,.175,1);transition:opacity .6s cubic-bezier(.77,0,.175,1),-webkit-transform .6s cubic-bezier(.77,0,.175,1);transition:transform .6s cubic-bezier(.77,0,.175,1),opacity .6s cubic-bezier(.77,0,.175,1);transition:transform .6s cubic-bezier(.77,0,.175,1),opacity .6s cubic-bezier(.77,0,.175,1),-webkit-transform .6s cubic-bezier(.77,0,.175,1)}
.container05 .miso-next:after{  transform:translateX(-70px); -webkit-transform:translateX(-70px); content:""; background:url(../images/jiantou02.png) center no-repeat; position:absolute; left:0; top:0; width: 70px; height: 70px; -webkit-transition:opacity 0s cubic-bezier(.165,.84,.44,1) 0s,-webkit-transform 0s cubic-bezier(.77,0,.175,1) 0s;transition:opacity 0s cubic-bezier(.165,.84,.44,1) 0s,-webkit-transform 0s cubic-bezier(.77,0,.175,1) 0s;transition:transform 0s cubic-bezier(.77,0,.175,1) 0s,opacity 0s cubic-bezier(.165,.84,.44,1) 0s;transition:transform 0s cubic-bezier(.77,0,.175,1) 0s,opacity 0s cubic-bezier(.165,.84,.44,1) 0s,-webkit-transform 0s cubic-bezier(.77,0,.175,1) 0s}
.container05 .miso-next:hover:after{ transform:translateX(0); -webkit-transform:translateX(0); -webkit-transition:opacity .6s cubic-bezier(.77,0,.175,1),-webkit-transform .6s cubic-bezier(.77,0,.175,1);transition:opacity .6s cubic-bezier(.77,0,.175,1),-webkit-transform .6s cubic-bezier(.77,0,.175,1);transition:transform .6s cubic-bezier(.77,0,.175,1),opacity .6s cubic-bezier(.77,0,.175,1);transition:transform .6s cubic-bezier(.77,0,.175,1),opacity .6s cubic-bezier(.77,0,.175,1),-webkit-transform .6s cubic-bezier(.77,0,.175,1)}
.container05 .miso-next:hover{ background:#ffde1d}

.container06{ background:#f3f3f3 url(../images/hua_03.jpg) 7% bottom no-repeat;}
.container06{ animation: mlfly 3s alternate}
@keyframes mlfly {
  0%{
	  background-position:0 bottom;
  }
  100%{
	  background-position:7% bottom
  }
} 
.container06 .content .left{ float:left; width:414px;}
.container06 .content .left .title h1{ margin-bottom:45px; position:relative;}
.container06 .content .left .title h1 img{ position:relative; z-index:1; 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; top:-50px}
.container06.active .content .left .title h1 img{ opacity:1; top:0}
.container06 .content .left .title h3{ font-size:27px; color:#494947; text-align:right; margin-bottom:32px;}
.container06 .content .left .title h3 .container01{ height:27px;}
.container06 .content .left .title p{ font-size:16px; line-height:32px; color:#8b8b8a; text-align:right; margin-bottom:32px;}
.container06 .content .left .title h6{ font-size:14px; color:#b2b2af; text-align:right;}
.container06 .content .left .title .line{ float:right; width:315px; height:2px; background:#ffde1d; margin:20px 0 15px}
.container06 .content .left .title h1:before{content:"";position:absolute;width:333px;height:13px;bottom:-6px;left:-333px;background:#ffde1d; opacity:0; -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;}
.container06.active .content .left .title h1:before{opacity:1; left: 101px;}
.container06 .content .left .more{ float:left; width:100%; text-align:right;}
a.animated-button.thar-two {
	color: #fff;
	cursor: pointer;
	display: block;
	position: relative;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-two:hover {
	color: #000 !important;
	background-color: transparent;
	text-shadow: ntwo;
}
a.animated-button.thar-two:hover:before {
	top: 0%;
	bottom: auto;
	height: 100%;
}
a.animated-button.thar-two:before {
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 0px;
	width: 100%;
	z-index: 0;
	content: '';
	color: #000 !important;
	background: #ffbe00;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button {
	float:right;

	position: relative;
	display: block;
	width: 160px;
	height: 47px;
	line-height: 47px;
	color: #231815;
	font-size:14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	background: #ffde1d;
	overflow: hidden;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	-moz-border-radius:23.5px; -webkit-border-radius:23.5px; border-radius:23.5px;
}
a.animated-button span{ position:relative; z-index:1; color:#231815}
a.animated-button:after{
	content: "";
	position: absolute;
	height: 0%;
	left: 50%;
	top: 50%;
	width: 150%;
	z-index: 0;
	-webkit-transition: all 0.75s ease 0s;
	-moz-transition: all 0.75s ease 0s;
	-o-transition: all 0.75s ease 0s;
	transition: all 0.75s ease 0s;
}
a.animated-button:hover span, a.animated-button:visited:hover {
	color: #fff;
	text-shadow: none;
}
a.animated-button:hover:after, a.animated-button:visited:hover:after {
	height: 450%;
}

.container06 .content{ margin-top:60px;}
.container06 .right{ float:right; width:730px; height:525px; position:relative; margin-top:-30px;}
.container06 .right:before{ content:""; position:absolute; width:730px; height:730px; right:0; top:50%; margin-top:-335px; z-index:0; background: -webkit-radial-gradient(#ffffff, #f3f3f3); /* Safari 5.1 - 6.0 */ background: -o-radial-gradient(#ffffff, #f3f3f3); /* Opera 11.6 - 12.0 */ background: -moz-radial-gradient(#ffffff, #f3f3f3); /* Firefox 3.6 - 15 */
background: radial-gradient(#ffffff, #f3f3f3,#f3f3f3); /* 标准的语法 */ -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.container06 .right:after{ content:""; position:absolute; width:730px; height:730px; top:-180px; right:-15px; background:url(../images/container06_bg.png) center no-repeat; z-index:0}
.container06 .right img{position:relative;z-index:1;margin-top:115px;right: -205px;-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;}
.container06.active .right img{ right:0}




.butterfly {
  -webkit-animation: hover 0.6s cubic-bezier(0.48, 0.01, 0.54, 1) infinite;
  animation: hover 0.6s cubic-bezier(0.48, 0.01, 0.54, 1) infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-fill-mode: reverse;
  animation-fill-mode: reverse;
  position: absolute;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: rotateX(50deg) rotateY(20deg) rotateZ(-50deg) translateY(0px);
  transform: rotateX(50deg) rotateY(20deg) rotateZ(-50deg) translateY(0px);
  width: 9px;
  right: -800px;
  top: 162px;
  z-index: 1000000;
  -moz-transition: all 4s ease-in-out;-webkit-transition: all 4s ease-in-out;-o-transition: all 4s ease-in-out;-ms-transition: all 4s ease-in-out;transition: all 4s ease-in-out;
}
.active .butterfly{ right: -16px;}
.butterfly::before {
  background: #362c13;
  border-radius: 50%;
  content: '';
  display: block;
  height: 55px;
  left: 50%;
  margin-left: -10px;
  outline: 1px solid transparent;

  position: absolute;
  top: -15px;
  -webkit-transform: rotatey(100deg);
  transform: rotatey(100deg);
  width: 10px;
  z-index: 2;
}

.shadow {
  -webkit-animation: shadow 0.6s cubic-bezier(0.48, 0.01, 0.54, 1) infinite;
          animation: shadow 0.6s cubic-bezier(0.48, 0.01, 0.54, 1) infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: reverse;
          animation-fill-mode: reverse;
  background: #000;
  border-radius: 50%;
  display: block;
  height: 10px;
  opacity: 0.1;
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: translateX(-40px) translateY(100px);
          transform: translateX(-40px) translateY(100px);
  width: 100px;
}

.wing {
  background: #888;
  display: block;
  opacity: 0.7;
  outline: 1px solid transparent;
  position: absolute;
  top: 0;
}
.wing:first-child {
  -webkit-animation: leftflap 0.6s cubic-bezier(0.48, 0.01, 0.54, 1) infinite;
  animation: leftflap 0.6s cubic-bezier(0.48, 0.01, 0.54, 1) infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
  -webkit-animation-fill-mode: reverse;
  animation-fill-mode: reverse;
  height: 1px;
  left: -10px;
  -webkit-transform: rotateY(-20deg);
  transform: rotateY(-20deg);
  -webkit-transform-origin: 700% 50%;
  transform-origin: 700% 50%;
  width: 1px;
  z-index: 3;
}
.wing:last-child {
  -webkit-animation: rightflap 0.6s cubic-bezier(0.48, 0.01, 0.54, 1) infinite;
          animation: rightflap 0.6s cubic-bezier(0.48, 0.01, 0.54, 1) infinite;
  -webkit-animation-direction: alternate;
          animation-direction: alternate;
  -webkit-animation-fill-mode: reverse;
          animation-fill-mode: reverse;
  right: 0;
  -webkit-transform: rotateY(200deg);
          transform: rotateY(200deg);
  z-index: 1;
}
.wing .bit {
  background: #311e4d;
}
.wing .bit::after {
  background: #472a6e;
}
.wing .bit, .wing .bit::after {
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0px;
  -webkit-transform-origin: 100% 50% 0;
  transform-origin: 100% 50% 0;
}
.wing .bit:first-child {
  height: 35px;
  text-align: center;
  top: 0px;
  -webkit-transform: rotateZ(40deg);
  transform: rotateZ(40deg);
  width: 60px;
}
.wing .bit:first-child::after {
  content: '';
  display: inline-block;
  height: 60px;
  left: -30px;
  top: -5px;
  width: 100px;
}
.wing .bit:last-child {
  height: 23.5px;
  -webkit-transform: rotateZ(-40deg);
  transform: rotateZ(-40deg);
  width: 50px;
}
.wing .bit:last-child::after {
  content: '';
  display: inline-block;
  height: 45px;
  left: -24px;
  top: 0px;
  width: 60px;
  z-index: 1;
}

@-webkit-keyframes hover {
  0% {
    -webkit-transform: rotateX(50deg) rotateY(20deg) rotateZ(-50deg) translateZ(0px);
            transform: rotateX(50deg) rotateY(20deg) rotateZ(-50deg) translateZ(0px);
  }
  100% {
    -webkit-transform: rotateX(50deg) rotateY(20deg) rotateZ(-50deg) translateZ(-3px);
            transform: rotateX(50deg) rotateY(20deg) rotateZ(-50deg) translateZ(-3px);
  }
}

@keyframes hover {
  0% {
    -webkit-transform: rotateX(50deg) rotateY(20deg) rotateZ(-50deg) translateZ(0px);
            transform: rotateX(50deg) rotateY(20deg) rotateZ(-50deg) translateZ(0px);
  }
  100% {
    -webkit-transform: rotateX(50deg) rotateY(20deg) rotateZ(-50deg) translateZ(-3px);
            transform: rotateX(50deg) rotateY(20deg) rotateZ(-50deg) translateZ(-3px);
  }
}
@-webkit-keyframes shadow {
  0% {
    -webkit-transform: translateX(-40px) translateY(100px) scale(1, 1);
            transform: translateX(-40px) translateY(100px) scale(1, 1);
  }
  100% {
    -webkit-transform: translateX(-40px) translateY(100px) scale(1.1, 1.1);
            transform: translateX(-40px) translateY(100px) scale(1.1, 1.1);
  }
}
@keyframes shadow {
  0% {
    -webkit-transform: translateX(-40px) translateY(100px) scale(1, 1);
            transform: translateX(-40px) translateY(100px) scale(1, 1);
  }
  100% {
    -webkit-transform: translateX(-40px) translateY(100px) scale(1.1, 1.1);
            transform: translateX(-40px) translateY(100px) scale(1.1, 1.1);
  }
}
@-webkit-keyframes leftflap {
  0% {
    -webkit-transform: rotateY(-20deg);
            transform: rotateY(-20deg);
  }
  100% {
    -webkit-transform: rotateY(40deg);

            transform: rotateY(40deg);
  }
}
@keyframes leftflap {
  0% {
    -webkit-transform: rotateY(-20deg);
            transform: rotateY(-20deg);
  }
  100% {
    -webkit-transform: rotateY(40deg);
            transform: rotateY(40deg);
  }
}
@-webkit-keyframes rightflap {
  0% {
    -webkit-transform: rotateY(200deg);
            transform: rotateY(200deg);
  }
  100% {
    -webkit-transform: rotateY(90deg);
            transform: rotateY(90deg);
  }
}
@keyframes rightflap {
  0% {
    -webkit-transform: rotateY(200deg);
            transform: rotateY(200deg);
  }
  100% {
    -webkit-transform: rotateY(90deg);
            transform: rotateY(90deg);
  }
}
.twitter {
  background: #4099FF;
  border-radius: 5px;
  bottom: 5px;
  color: #fff;
  font-family: sans-serif;
  font-size: 13px;
  padding: 5px 10px;
  position: absolute;
  right: 5px;
  text-decoration: none;
}
.twitter:hover {
  background: #4fa1ff;
}


.container07{background: #fff url(../images/hua_05.jpg) 7% top no-repeat;}
.container07{ animation: mlfly01 3s alternate}
@keyframes mlfly01 {
  0%{
	  background-position:0 top;
  }

  100%{
	  background-position:7% top;
  }
} 
.container07 .content{}
.container07 .content .left{float:right;width:484px;padding: 45px 0 0;}
.container07 .content .left .title h1{ margin-bottom:45px; position:relative}
.container07 .content .left .title h1 img{ position:relative; z-index:1; 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; top:-50px}
.container07.active .content .left .title h1 img{ opacity:1; top:0}
.container07 .content .left .title h3{ font-size:27px; color:#494947; text-align:right; margin-bottom:32px;}
.container07 .content .left .title h3 .container01{ height:27px;}
.container07 .content .left .title p{ font-size:16px; line-height:32px; color:#8b8b8a; text-align:right; margin-bottom:32px;}
.container07 .content .left .title h6{ font-size:14px; color:#b2b2af; text-align:right}
.container07 .content .left .title .line{ float:right; width:315px; height:2px; background:#ffde1d; margin:20px 0 15px}
.container07 .content .left .title h1:before{content:"";position:absolute;width:333px;height:13px;bottom:-6px; right:-400px;background:#ffde1d; opacity:0; -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;}
.container07.active .content .left .title h1:before{opacity:1; right:5px}
.container07 .content .left .more{ float:left; width:100%; text-align:right;}
.container07 .right{float:left;width:700px;height:525px;position:relative;}
.container07 .right:after{ content:""; position:absolute; width:700px; height:525px; top:0; left:-35px; background:url(../images/container07_bg.png) 0 25px no-repeat; z-index:0}
.container07 .right img{position:relative;z-index:1;right: 262px;-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;}
.container07.active .right img{ right:45px}

.container08{ background:url(../images/container08_bg.jpg) center no-repeat; background-size:cover; }
.container08 .title{ text-align:center; margin-bottom:123px;}
.container08 .title h4{ font-size:18px; color:#000000; margin:16px 0 30px;}
.container08 .title h5{ font-size:14px; color:#75767b; margin-bottom:10px;}
.container08 .title h6{ font-size:12px; color:#75767b;}
.container08 ul{ }
.container08 ul li{ float:left; width:25%; text-align:center; position: relative;top: 150px; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out}
.container08 ul li:nth-child(1){ transition-delay:0.25s}
.container08 ul li:nth-child(2){ transition-delay:0.5s}
.container08 ul li:nth-child(3){ transition-delay:0.75s}
.container08 ul li:nth-child(4){ transition-delay:1s}
.container08.active ul li{ top:0; }
.container08 ul li .img a{position:relative;width:121px;height:121px;display:  inline-block;}
.container08 ul li .img img{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;width:121px;height:121px;position: relative;z-index: 1;}

.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 146px;
	height: 146px;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	margin-left: -14.5px;
	margin-top: -14.5px;

}

.hi-icon:before {
	pointer-events: none;
	position: absolute;
	width: 146px;
	height: 146px;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	margin-left: -22.5px;
	margin-top: -22.5px;
}

/* Effect 9 */
.hi-icon-effect-9 .hi-icon {
	-webkit-transition: box-shadow 0.6s;
	-moz-transition: box-shadow 0.6s;
	transition: box-shadow 0.6s;
}

.hi-icon-effect-9 .hi-icon:after {
	top: 0;
	left: 0;
	padding: 0;
	border: #ffd537 2px dashed;
	-webkit-transition: -webkit-transform 0.6s, opacity 0.6s;
	-moz-transition: -moz-transform 0.6s, opacity 0.6s;
	transition: transform 0.6s, opacity 0.6s;
	background: #f4f4f4;
}

.hi-icon-effect-9 .hi-icon:before {
	top: 0;
	left: 0;
	padding: 0;
	border:#ffd537 10px solid;
	-webkit-transition: -webkit-transform 0.6s, opacity 0.6s;
	-moz-transition: -moz-transform 0.6s, opacity 0.6s;
	transition: transform 0.6s, opacity 0.6s;
	opacity: 0;
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
	background: #f4f4f4;
}

/* Effect 9a */
.no-touch .hi-icon-effect-9a .hi-icon:hover:after {
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-ms-transform: scale(0.95);
	transform: scale(0.95);
	opacity: 0.5;
}

/* Effect 9a */
.no-touch .hi-icon-effect-9a .hi-icon:hover:before {
	-webkit-transform: scale(1.025);
	-moz-transform: scale(1.025);
	-ms-transform: scale(1.025);
	transform: scale(1.025);
	opacity: 1;
}


.container08{ position:relative;}
.container08 .fanhui{ width:67px; height:67px; position:absolute; left:50%; bottom:-33.5px; margin-left:-33.5px;}
.container08 ul li h5{ font-size:16px; color:#4b4b4d; margin:44px 0 36px; position:relative;}
.container08 ul li h5:before{ content:""; position:absolute; left:50%; margin-left:-14.5px; bottom:-18px; width:29px; height:2px; background:#ffde1d}
.container08 ul li h5:after{ content:""; position:absolute; left:50%; margin-left:-14.5px; bottom:-18px; width:0; height:2px; background:#ffbe00; -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;}
.container08 ul li:hover h5:after{ width:29px;}
.container08 ul li h5 a{  color:#4b4b4d;}
.container08 ul li h5 a:hover{  color:#ffde1d;}
.container08 ul li h6{ font-size:14px; color:#9b9ba1}

.container09{position:relative;background: #f3f3f3;}
.container09 .fanhui{ width:67px; height:67px; position:absolute; left:50%; top:-33.5px; margin-left:-33.5px;}
.container09 h4{ font-size:16px; color:#101010; text-align:center; margin-bottom:40px;}
.container09 ul{font-size:0;margin: 86px -100px 65px;text-align:center;}
.container09 ul li{padding: 0 68px;display:inline-block; *display:inline; *zoom:1;text-align:center;position:relative;}
.container09 ul li .bg{position:absolute;width:100%;left: 0;top: -15px; bottom:-15px;}
.container09 ul li:hover .bg:before {
	top: 0%;
	bottom: auto;
	height: 100%;
}
.container09 ul li .bg:before {
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 0px;
	width: 100%;
	z-index: 0;
	content: '';
	color: #000 !important;
	background: #eee;
	transition: all 1.2s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
.container09 ul li:before{ content:""; position:absolute; right:0; top:0; width:1px; height:70px; background:#d2d2d2}
.container09 ul li:last-child:before{ background:none}
.container09 ul li h3{height:40px;line-height:40px;position: relative;}
.container09 ul li:hover h3 img{ -webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
@keyframes jello {
    from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
    77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}
.container09 ul li h5{font-size:14px;color:#4a4a4c;margin:12px 0;position:  relative;}
.container09 ul li h6{font-size:14px;color:#6e6e70;position: relative;}
.container09 h1{ text-align:center; margin:15px 0}
.container09 dl{ font-size:0; overflow:hidden; text-align:center; margin:24px 0 32px;}
.container09 dl dd{ margin: 0 7px;display:inline-block; *display:inline; *zoom:1;text-align:center; position:relative}
.container09 dl dd a{width:48px;height:48px;line-height:48px;display:block;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;position:  relative;z-index: 10; -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;}
.container09 p,.container09 p a{ text-align:center; font-size:12px; color:#a6a6a6; -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;}
.container09 p a:hover{ color:#fec000}

.container09 h1.h1 img{ transform:rotate(5deg); -webkit-transform:rotate(5deg);  -moz-transform:rotate(5deg); transition: transform 2s linear 0s; }
.container09.active h1.h1 img{ transform:rotate(0deg); -webkit-transform:rotate(0deg);  -moz-transform:rotate(0deg)}

.circleProgress_wrapper{ position:relative;}
.wrapper{ width: 24px; height: 48px; position: absolute; top:0; overflow: hidden;}
.circleProgress_wrapper .left{ width:24px; height:48px; position:absolute; left:0; top:0;}
.circleProgress_wrapper .right{ width:24px; height:48px; position:absolute; right:0; top:0;}
.container09 dl dd .circleProgress{ width:48px; height:48px; border:1px solid #ffbf00; border-radius: 50%; position: absolute; top:0; -webkit-transform: rotate(45deg); box-sizing:border-box}
.container09 dl dd .rightcircle{ border-top:1px solid #dcdcdc; border-right:1px solid #d7d7da; right:0; }
.container09 dl dd:hover .rightcircle{ -webkit-animation: circleProgressLoad_right 2s linear; } 
.container09 dl dd .leftcircle{ border-bottom:1px solid #dcdcdc; border-left:1px solid #d7d7da; left:0;}
.container09 dl dd:hover .leftcircle{ -webkit-animation: circleProgressLoad_left 2s linear;}
.container09 dl dd:after{content:"";position:absolute;left: 0;top: -1px;width: 48px;height: 48px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;top: 0;}
.container09 dl dd:hover:after{transition-delay:2s; border:1px solid #ffbf00; background:rgba(255,222,29,0.25)} 


@-webkit-keyframes circleProgressLoad_right{
	0%{
		-webkit-transform: rotate(45deg);
	}
	50%{
		-webkit-transform: rotate(225deg);
	}
	100%{
		-webkit-transform: rotate(225deg);
	}
}
@-webkit-keyframes circleProgressLoad_left{
	0%{
		-webkit-transform: rotate(45deg);
	}
	50%{
		-webkit-transform: rotate(45deg);
	}
	100%{
		-webkit-transform: rotate(225deg);
	}
}

.container09 .input{text-align:center;font-size:0;height: 57px;}
.container09 .input .input-text{display:inline-block; *display:inline; *zoom:1;width:348px;height:57px;line-height:55px;border:#dcdcdc 1px solid;position:  relative;vertical-align: top;}
.container09 .input .input-text input{display:block;width:100%;height:100%;color:#000000;font-size:12px;border:none;background:none;padding:0 24px;position:  relative;z-index: 10;}
.container09 .input .btn{display:inline-block; *display:inline; *zoom:1;width:127px;height:57px;line-height:57px;background:#ffde1d;margin-left:-1px;position:relative;z-index:11;}
.container09 .input .btn input{ display:block; width:100%; height:100%; color:#000000; font-size:14px; font-weight:bold; text-transform:uppercase; border:none; background:none; text-align:center; position:relative; z-index:1}
.container09 .input .btn a{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;float:none;width:  127px;height: 57px;line-height: 57px;vertical-align:  middle;position:  absolute;top: 0;}
.container09 .input .btn:hover{ background:#fec000}
input::-webkit-input-placeholder{ color:#b1b1b1;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#b1b1b1; }
input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */ color:#b1b1b1;}
input:-ms-input-placeholder{ /* Internet Explorer 10-11 */ color:#b1b1b1;}

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

  -webkit-transition: 0.15s ease-in-out all;
  transition: 0.15s ease-in-out all;

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

  bottom: 0;
  content: '';
  display: block;
  position: absolute;
  top: 0;
  width: 0;
  background-color: #ffde1d;
  -webkit-transition: 0.3s ease-in-out all;
  transition: 0.3s ease-in-out all;
}
.container09 .input .input-text .input-border:first-of-type:before {
  height: 2px;
  left: 0;
  top: 0;
  width: 0;
}
.container09 .input .input-text .input-border:first-of-type:after {
  height: 0;
  right: 0;
  top: 0;
  width: 2px;
}
.container09 .input .input-text .input-border:last-of-type:before {
  background-color: #ffde1d;
  height: 2px;
  top: calc(100% - 2px);
  right: 0;
  width: 0;
}
.container09 .input .input-text .input-border:last-of-type:after {
  background-color: #ffde1d;
  height: 0;
  top: calc(100% - 2px);
  left: 0;
  width: 2px;
}

.btn{}
.btn > img{ vertical-align:middle}
.tc1 .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999;}
.tc1 .tc{ pointer-events: none;  filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;transform:scale(1.1);}
.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;}
.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}

.a_body{}

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


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


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


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

.header{ height:55px; line-height:55px; border-bottom:#e8e8e8 1px solid}
.header .right{ text-align:right}
.header .right .con{ display:inline-block; *display:inline; *zomm:1; margin-left:23px;}
.header .right .con a{display:inline-block;width: 35px;height: 35px;line-height: 33px;border: #231815 1px solid;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;text-align:center;position:relative;}
.header .right .con a img{ position:relative; z-index:1}
.header .right .con a:before{content:"";position:absolute;width: 38px;height: 38px;left: -2px;top: -2px;background: #f9c114;-moz-transform:scale(0);-o-moz-transform:scale(0);-webkit-moz-transform:scale(0);transform:scale(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;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;}

.header .right .con a:hover:before{ -o-moz-transform:scale(1); -webkit-moz-transform:scale(1); transform:scale(1);}

.container00{height: 115px;}
.container00 .logo{float:left;height: 100px;padding: 20px 0 0;}
.container00 .right{float:right;text-align:right;height: 100px;}
.container00 .fangan{display:inline-block;height: 105px;vertical-align: top; padding:0 28px; border-left:#e2e2e2 1px solid; border-right:#e2e2e2 1px solid; margin-left:30px}
.container00 .fangan a,.container00 .fangan img{ display:inline-block; vertical-align:middle; position:relative; top:50%; margin-top:-12.5px; cursor:pointer}

/* 本例子css */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.navBar{position:relative;z-index:1;height: 115px;line-height: 115px;color:#333;display:inline-block;vertical-align:  top;}
.nav{position:relative;margin:0 auto;font-family:"Microsoft YaHei",SimSun,SimHei;font-size:14px;}
.nav a{color: #363636;}
.nav h3{ font-size:100%; font-weight:normal;   }
.nav .m{float:left;position:relative;z-index:1;margin-left: 18px;}
.nav .s{ float:left; width:3px; text-align:center; color:#D4D4D4; font-size:12px; }
.nav h3 a{display:block;text-align:center;font-size: 16px;padding: 0 10px;}
.nav .sub{display:none; /*默认隐藏*/position:absolute;left: 50%;top: 115px;z-index:1;width: 100px;border-top:0;background:#fff;margin-left: -50px;border-top: #f9c114 2px solid;}
.nav .sub li{ text-align:center; padding:0 8px; margin-bottom:-1px; }
.nav .sub li a{display:block;border-top: 1px solid #E6E4E3;height: 50px;line-height: 50px;color: #444;font-size: 14px;}
.nav .sub li a:hover{color: #f9c114;}
.nav .block{height: 100%;width: 100px;background: #f9c114;position:absolute;left:0;top: 0;overflow:hidden;}

#n_banner{height:289px;}

footer{ background:#f3f3f3; overflow:hidden; padding:0 0 85px}

.n_about .fl01{ padding:70px 0; background:#f4f4f4; border-bottom:#dedede 1px solid}
.n_about .title{ text-align:center; margin-bottom:57px;}
.n_about .title h2{font-size:40px;color:#000;text-transform:capitalize;margin-bottom:12px;}
.n_about .title h4{font-size: 32px;color:#000;}
.n_about .title h4 span{ position:relative; display:inline-block; padding:0 100px; background:url(../images/left.png) left center no-repeat, url(../images/right.png) right center no-repeat;}
.n_about .fl01 ul{ font-size:0; text-align:center; margin:0 -56px;}
.n_about .fl01 ul li{ display:inline-block; *display:inline; *zoom:1; width:215px; height:215px; border:#c3c3c3 1px solid; margin:0 56px; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; -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}
.n_about .fl01 ul li a{ display:block; width:100%; height:100%; position:relative}
.n_about .fl01 ul li h4{font-size: 22px;color:#0a0502;}
.n_about .fl01 ul li h5{ height:0; overflow:hidden;  margin: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}
.n_about .fl01 ul li.on,.n_about .fl01 ul li:hover{ background:none; border:#f9c114 1px dashed;}
.n_about .fl01 ul li:before{ content:""; position:absolute; width:100%; height:100%; top:50%; left:0; margin-top:-107.5px; -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; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.n_about .fl01 ul li.on:before,.n_about .fl01 ul li:hover:before{ transform:scale(0.79); background:#f9c114; border:#f9c114 1px solid;}
.n_about .fl01 ul li.on h5,.n_about .fl01 ul li:hover h5{ height:auto; margin-top: 22px; }

.n_about .fl02{ padding:70px 0 80px; background:#f4f4f4; overflow:hidden}
.n_about .fl02 .left{ float:left; width:636px; height:470px; padding:0 0 0 75px; text-align:left;}
.n_about .fl02 .left .title{ text-align:left; position:relative; margin-bottom:40px;}
.n_about .fl02 .left .title:before{content:"";position:absolute;width:60px;height:1px;background:#f1b600;left: -75px;top: 16px;}
.n_about .fl02 .left .title h2{color: #000;font-size:32px;}
.n_about .fl02 .left .title h4{ font-size:18px;}
.n_about .fl02 .left p{ font-size:14px; color:#6a6a6a; line-height:28px; text-align:justify;}
.n_about .fl02 .right{ float:right; width:450px;}

.n_about .fl03{ padding:90px 0 0; height:620px; background:url(../images/n_about_fl03_bg.jpg) center no-repeat fixed; overflow:hidden}
.n_about .fl03 .title{position:relative;padding-bottom:112px;margin-bottom: 0;}
.n_about .fl03 .title:before{content:"";position:absolute;width:1px;height:35px;background:#fff;left: 50%; bottom:40px;}
.n_about .fl03 .title h2{color:#fff;font-size:32px;display:  none;}
.n_about .fl03 .title h4{font-size: 32px;color: #f9c114;}
.n_about .fl03 .title p{ font-size:14px; line-height:28px; color:#fff; display:none;}

.n_about .fl03 ul{ margin:0 -16px;}
.n_about .fl03 ul li{ text-align:center; padding:0 16px;}
.n_about .fl03 ul li .img{width: 280px;height: 198px; line-height:198px; background: rgba(255,255,255,0.35);}
.n_about .fl03 ul li .img img{width: 260px;height: 175px; margin:0 auto; display:inline-block}
.n_about .fl03 ul li h5{ font-size:14px; color:#777777; height:50px; line-height:50px;}
.n_about .fl03 .miso-prev, .n_about .fl03 .miso-next{ width:45px; height:45px; margin-top:-22.5px; opacity:0.5}
.n_about .fl03 .miso-prev:hover, .n_about .fl03 .miso-next:hover{ opacity:1}
.n_about .fl03 .miso-prev{ background:url(../images/n_about_fl04_left.png) center no-repeat; left:-95px}
.n_about .fl03 .miso-next{ background:url(../images/n_about_fl04_right.png) center no-repeat; right:-95px}

.n_about .fl04{ padding:0 0 85px; position:relative; background:#f4f4f4; overflow:hidden}
.n_about .fl0401{padding: 90px 0 50px;position:relative;background:#f4f4f4;}
.n_about .fl0401 .title{position:relative;padding-bottom: 30px;margin-bottom: 0;}
.n_about .fl0401 .title:before{content:"";position:absolute;width:1px;height:35px;background: #f4b800;left: 50%;bottom: 0;}
.n_about .fl0401 .title h2{ color:#0a0502; font-size:32px;}
.n_about .fl0401 .title h4{font-size: 32px;color:#0a0502;margin-bottom:28px;}
.n_about .fl04:before{content:"";position:absolute;left:50%;top:0;bottom: 102px;width:1px;border-left:#979797 1px dotted;}
.n_about .fl04:after{content:"";width:11px;height:11px;background: #f4b800;position:absolute;left:50%;margin-left: -4.5px;top:0;border-radius:50%;}
.n_about .fl04 ul li{padding: 60px 0;overflow:  hidden;background: #fff;}
.n_about .fl04 ul li:nth-child(2n-1){background: #f4f4f4;}
.n_about .fl04 ul li .w1200{ overflow:hidden}
.n_about .fl04 ul li .left{float:left;width:526px;height: 354px;}
.n_about .fl04 ul li .left h2{font-size: 44px;color: #0a0502;font-family: cm;margin-bottom: 16px;text-align: left;}
.n_about .fl04 ul li .left h2 font{ font-size:16px; margin-left:8px;}
.n_about .fl04 ul li .left h4{font-size: 44px;color: #0a0502;margin-bottom:26px;display:  none;}
.n_about .fl04 ul li .left h6{height:3px;position:relative;margin-bottom: 28px;}
.n_about .fl04 ul li .left h6:before{content:"";position:absolute;left:0;top: 0;width:15px;height:3px;background: #f4b800;}
.n_about .fl04 ul li .left p{font-size:14px;color: #636363;line-height:30px;margin-bottom:15px;text-align: left;}
.n_about .fl04 ul li .right{float:right;width: 354px;height: 354px;line-height: 354px;padding: 0 0 0;text-align: center;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;border:  #d8d8d8 1px dashed;}
.n_about .fl04 ul li .right img{width: 325px;height: 325px;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;}

.n_licheng .more{margin-top: 10px;text-align:center;height: 40px;position:  relative;z-index: 1;}
.n_licheng .more a{display:inline-block;width: 47px;height: 47px;line-height: 47px;font-size: 14px;color: #3a3a3a;background: #f4b800;overflow:hidden;-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: 50%;transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);font-family: simsun;font-weight: bold; padding:1px 0 0 0}
.n_licheng .more a:hover{ background:#e0a900;}
.n_licheng .more p{display:inline-block;width: 170px;height: 47px;line-height:  47px;background:#333;font-size: 14px;color: #fff; border-radius:3px; text-align:center}

.n_about .fl04 ul li.li01 .w1200{ background:url(../images/line_left.png) 588px center no-repeat;}
.n_about .fl04 ul li.li01:hover .w1200{ background:url(../images/line_left_on.png) 588px center no-repeat, url(../images/licheng_bg.jpg) right center no-repeat}
.n_about .fl04 ul li.li02 .left{ float:right}
.n_about .fl04 ul li.li01 .right{float:left;background: #f4f4f4;margin-left:128px;}
.n_about .fl04 ul li.li02 .right{ float:left; background:#fff; margin-left:128px}
.n_about .fl04 ul li.li02 .w1200{ background:url(../images/line_right.png) 600px center no-repeat;}
.n_about .fl04 ul li.li02:hover .w1200{ background:url(../images/line_right_on.png) 600px center no-repeat, url(../images/licheng_bg01.jpg) left center no-repeat}

.n_about .fl05{ padding:100px 0; overflow:hidden}
.n_about .fl05 .left{float:left;width:425px;height: 726px;position:relative;}
.n_about .fl05 .left > img{position:absolute;right:0;top:0;width:325px;height: 726px;}
.n_about .fl05 .left .title{ text-align:left; position:relative; z-index:1; margin-top:74px}
.n_about .fl05 .left .title:before{content:"";position:absolute;width:60px;height:1px;background:#f1b600;left: -75px;top: 16px;}
.n_about .fl05 .right{ float:right; width:686px; position:relative}
.n_about .fl05 .right:before{position:absolute;content:"";left:50px;top:0;height: calc(100% - 130px);width:1px;background:#e9e9e9;}
.n_about .fl05 .right dl{overflow:hidden;margin-bottom: 48px;}
.n_about .fl05 .right dl dt{ float:left; width:100px; height:100px; line-height:100px; text-align:center; border:#dfdfdf 1px solid; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; margin-right:35px; position:relative; background:#fff}
.n_about .fl05 .right dl dt:before{ content:""; position:absolute; z-index:0; width:84px; height:84px; left:50%; top:50%; margin-left:-42px; margin-top:-42px; background:#f4b800; -moz-transform:scale(0); -o-moz-transform:scale(0); -webkit-moz-transform:scale(0); transform:scale(0); -moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%; -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;}
.n_about .fl05 .right dl:hover dt:before{ -moz-transform:scale(1); -o-moz-transform:scale(1); -webkit-moz-transform:scale(1); transform:scale(1)}
.n_about .fl05 .right dl:hover dt{ border:#f4b800 1px dashed}
.n_about .fl05 .right dl dt img{ display:inline-block; margin-top:-5px; position:relative; z-index:1}
.n_about .fl05 .right dl dt img.img02{ display:none}
.n_about .fl05 .right dl:hover dt img.img01{ display:none}
.n_about .fl05 .right dl:hover dt img.img02{ display:inline-block}
.n_about .fl05 .right dl dd{float:left;width: 550px;padding: 8px 0 0;}
.n_about .fl05 .right dl dd h4{ font-size:16px; color:#333333; margin-bottom:24px;}
.n_about .fl05 .right dl dd p{ font-size:14px; line-height:28px; color:#636363}

footer.container09 h1.h1 img{ transform:rotate(0deg); -webkit-transform:rotate(0deg);  -moz-transform:rotate(0deg)}

.n_news{ padding:60px 0 96px; background:#f3f3f3; border-bottom:#e2e2e2 1px solid}

/*====翻页====*/
.j_pages{margin:0 auto 0 auto}
.j_pages .box{display:inherit;width:100%;text-align: center;margin-bottom: 0;margin: 0;padding: 0;}
.j_pages .box li{display:inline-block; list-style: none; }
.j_pages a{padding: 0px 10px;height: 35px;line-height: 35px;display:inline-block;margin: 0 5px;color: #343638;font-size: 20px;box-sizing: border-box;text-transform:  uppercase;-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; font-family:"Times New Roman"}
.j_pages a font{font-size: 20px;color:#343638;}
.j_pages .on{color: #e9b000; border-bottom:  #e9b000 2px solid;}
.j_pages .page-active a{color: #e9b000; border-bottom:  #e9b000 2px solid;}
.j_pages a:hover{color: #e9b000;text-decoration:none;border-bottom: #e9b000 2px solid;}
.j_pages a:hover font{color: #e9b000;}
.j_pages a.u_bnt{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s}

.n_news ul{ margin:0 -25px; margin-bottom:65px; overflow:hidden;}
.n_news ul li{margin:0 25px;float:left;width:575px;position:relative;margin-bottom: 10px;}
.n_news ul li .img,.n_news ul li .img img{ width:575px; height:375px; overflow:hidden}
.n_news ul li .con{height: 220px;background:#f4f4f4;padding: 24px 6px;position:relative;}
.n_news ul li .con h5{margin: 0 0 18px;}
.n_news ul li .con h5,.n_news ul li .con h5 a{font-size: 18px;color: #0a0502;}
.n_news ul li .con h5 a:hover{ color:#ecb200}
.n_news ul li .con h6{font-size: 12px;color:#6f6f6f;margin-bottom: 13px;}
.n_news ul li .con p{font-size: 13px;line-height: 24px;color: #6f6f6f;height: 48px;overflow:hidden;margin-bottom: 32px;}
.n_news ul li .con .more a{font-size:13px;color: #6f6f6f;display:inline-block;  position:relative; height:16px; line-height:16px; -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;}
.n_news ul li .con .more a span{float:  left;display:inline-block;position:relative;height:16px;width:16px;background:url(../images/line02.png) left center no-repeat; -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;}
.n_news ul li .con .more a:hover{ color:#ecb200;}
.n_news ul li .con .more a:hover span{ width:20px; background:url(../images/line02_on.png) left center no-repeat;}


.n_news_detail{padding: 60px 0 60px;background:#f4f4f4;overflow:hidden;border-bottom:  #e2e2e2 1px solid;}
.n_news_detail .w1200{ position:relative}
.n_news_detail .detail{ float:left; width:980px;}
.n_news_detail .left{ float:left; width:980px; background:#fff; padding:60px 48px 48px; margin-bottom:30px;}
.n_news_detail .left .n_title{ text-align:center; margin-bottom:50px}
.n_news_detail .left .n_title h6 span{ display:inline-block; font-size:13px; color:#999999; margin:0 3px;}
.n_news_detail .left .n_title h3{ font-size:24px; color:#0a0502; line-height:36px; margin:16px 0 20px}

.n_news_detail ul{ float:left; margin:0 -25px; margin-bottom:0;}
.n_news_detail ul li{margin:0 25px;float:left;width:465px;position:relative;margin-bottom: 10px;}
.n_news_detail ul li .img,.n_news_detail ul li .img img{ width:465px; height:305px; overflow:hidden}
.n_news_detail ul li .con{height: 220px;background:#f4f4f4;padding: 24px 6px;position:relative;}
.n_news_detail ul li .con h5{margin: 0 0 18px;}
.n_news_detail ul li .con h5,.n_news_detail ul li .con h5 a{font-size: 18px;color: #0a0502;}
.n_news_detail ul li .con h5 a:hover{ color:#ecb200}
.n_news_detail ul li .con h6{font-size: 12px;color:#6f6f6f;margin-bottom: 13px;}
.n_news_detail ul li .con p{font-size: 13px;line-height: 24px;color: #6f6f6f;height: 48px;overflow:hidden;margin-bottom: 32px;}
.n_news_detail ul li .con .more a{font-size:13px;color: #6f6f6f;display:inline-block;  position:relative; height:16px; line-height:16px; -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;}
.n_news_detail ul li .con .more a span{float:  left;display:inline-block;position:relative;height:16px;width:16px;background:url(../images/line02.png) left center no-repeat; -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;}
.n_news_detail ul li .con .more a:hover{ color:#ecb200;}
.n_news_detail ul li .con .more a:hover span{ width:20px; background:url(../images/line02_on.png) left center no-repeat;}
.n_news_detail .right{ float:right; width:74px;}
.n_news_detail .right ul{  padding:2px 0 0}
.n_news_detail .right ul li{ float:left; margin-bottom:0}
.n_news_detail .right ul li > a{ display:block; width:74px; height:74px; border:#cccccc 1px solid; line-height:74px; text-align:center; 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;}
.n_news_detail .right ul li > a:hover{ background:#f9c114; border:#f9c114 1px solid}
.n_news_detail .right.fixed{ position:fixed; right:50%; margin-right:-600px; top:0}

.n_container{ position:relative}
.n_container .more01{margin-top: 10px;text-align:center;width: 47px;height: 47px;position:absolute;z-index: 1; left:50%; margin-left:-23.5px; bottom:-23.5px}
.n_container .more01 a{display:inline-block;width: 47px;height: 47px;line-height: 47px;font-size: 14px;color: #3a3a3a;background: #f4b800;overflow:hidden;-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: 50%;transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);font-family: simsun;font-weight: bold; padding:1px 0 0 0}
.n_container .more01 a:hover{ background:#e0a900;}

.n_product{background:#f4f4f4;padding: 0 0 96px;border-bottom:  #e2e2e2 1px solid;}
.n_product ul{ padding:0 1px; margin-bottom:65px; overflow:hidden;}
.n_product ul li{margin:0 -0.5px;float:left;width:400px;position:relative;margin-bottom: 28px;border:#c8c8c8 1px solid;}
.n_product ul li .img,.n_product ul li .img img{ width:398px; height:382px; overflow:hidden}
.n_product ul li .img img{transform:scale(0.95);}
.n_product ul li .img:hover img{transform:scale(1);}
.n_product ul li .con{height: 200px;background:#f4f4f4;padding: 24px 6px 0;position:relative;text-align:center;}
.n_product ul li .con h5{margin: 0 0 5px;}
.n_product ul li .con h5,.n_product ul li .con h5 a{font-size: 18px;color: #0a0502;}
.n_product ul li .con h5 a:hover{ color:#ecb200}
.n_product ul li .con h6{font-size: 13px;color:#5c5c5c;margin-bottom: 13px;}
.n_product ul li .con p{font-size: 13px;line-height: 24px;color: #333333;height: 48px;overflow:hidden;margin-bottom: 2px;}

.n_product .more02{margin-top: 10px;text-align:center;height: 35px;position: relative;z-index: 1;}
.n_product .more02 a{display:inline-block;width: 35px;height: 35px;line-height: 35px; border:#bbbbbb 1px solid; font-size: 14px;color: #3a3a3a;overflow:hidden;-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: 50%;transform: rotate(90deg);-webkit-transform: rotate(90deg);-moz-transform: rotate(90deg);font-family: simsun;font-weight: bold; padding:0 0 2px 0}
.n_product .more02 a:hover{ background:#e0a900; border:#e0a900 1px solid}

.n_mudan .fl01{ padding:70px 0 0; background:#f4f4f4; }
.n_mudan .title{text-align:center;margin-bottom: 0;}
.n_mudan .title h2{font-size:40px;color:#000;text-transform:capitalize;margin-bottom:12px;}
.n_mudan .title h4{font-size: 32px;color:#000; margin-bottom:56px;}
.n_mudan .title h4 span{ position:relative; display:inline-block; padding:0 100px; background:url(../images/left.png) left center no-repeat, url(../images/right.png) right center no-repeat;}
.n_mudan .title p{ font-size:14px; line-height:28px; color:#656565}
.n_mudan .fl02{padding: 50px 0 30px;background:#f4f4f4;overflow:hidden;position:relative;}
.n_mudan .fl02 .w1200{}
.n_mudan .fl02:before{content:"";position:absolute;top: 108px;left:0;width:100%;height:1px;background:#dedede;}
.n_mudan .fl02 ul{}
.n_mudan .fl02 ul li{ float:left; width:20%; text-align:center; position: relative; -moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;transition: all 1s ease-in-out}
.n_mudan .fl02 ul li .img a{position:relative;width:121px;height:121px;display:  inline-block;}
.n_mudan .fl02 ul li .img img{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;width:121px;height:121px;position:  relative;z-index: 10;}

.n_product01{ padding:74px 0 80px; background:#f3f3f3; border-bottom:#e2e2e2 1px solid}
.n_product01 ul{ margin-bottom:30px; overflow:hidden}
.n_product01 ul li{ background:#fff; padding:50px 0}
.n_product01 ul li .right{float:left;width:630px;height:570px;mix-blend-mode: darken;}

.n_product01 ul li .left{float:right;width:450px;padding: 138px 0 0;}
.n_product01 ul li .left .title{ text-align:left}
.n_product01 ul li .left .title h1{ margin-bottom:45px; position:relative}
.n_product01 ul li .left .title h5{font-size: 14px;color: #474747;margin-bottom:12px;}
.n_product01 ul li .left .title h3{font-size:28px;color:#3b3b3b;margin-bottom: 28px;}
.n_product01 ul li .left .title h3 a{  color:#3b3b3b; -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;}
.n_product01 ul li .left .title h3 a:hover{ color:#ffde1d}
.n_product01 ul li .left .title p{ font-size:16px; line-height:32px; color:#8b8b8a; margin-bottom:24px;}
.n_product01 ul li .left .title h6{ font-size:14px; color:#494949; line-height:24px; margin-bottom:40px;}
.n_product01 ul li .left .title h4{ font-size:24px; color:#494949; margin-bottom:58px;}
.n_product01 ul li .left .title .line{ float:right; width:315px; height:2px; background:#ffde1d; margin:20px 0 15px}
.n_product01 ul li .left .title h1:before{content:"";position:absolute;width:333px;height:13px;bottom:-6px; right:-400px;background:#ffde1d; opacity:0; -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;}
.n_product01 ul li .left .title a.animated-button{ float:left; width:130px; height:40px; line-height:40px; background:#f9c114; font-weight:normal}

/*anniu*/
button {
  position: relative;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  text-decoration: none;
  background: transparent;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
}
button.learn-more {
  width:130px;
  height: auto;
}
button.learn-more .circle {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: relative;
  margin: 0;
  width:40px;
  height:40px; line-height:40px;
  background: #f9c114;
  border-radius: 1.625rem;
}
button.learn-more .circle .icon {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
}
button.learn-more .circle .icon.arrow {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  left: 0.625rem;
  width: 1.5rem;
  height: 0.125rem;
  background: none;
}
button.learn-more .circle .icon.arrow::before {
  position: absolute;
  content: '';
  top: -0.25rem;
  right: 0.45rem;
  width: 1rem;
  height: 0.625rem;
  background:url(../images/xiaojian.png) center no-repeat;
}
button.learn-more .button-text {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  margin: 0 0 0 30px;
  color: #fff;
  font-weight: normal;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.75rem;
  white-space: nowrap;
  margin-bottom: 0;
  height: 40px;
  line-height: 40px;
}
button:hover .circle {
  width: 100%;
}
button:hover .circle .icon.arrow {
  -webkit-transform: translate(1rem, 0);
  transform: translate(1rem, 0);
}
button:hover .button-text {
  color: #616161;
}

.n_product01 ul li{ float:left; width:100%;}
.n_product01 ul li.li02{
  background: -webkit-linear-gradient(#fbec96, #fcfaee); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#fbec96, #fcfaee); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#fbec96, #fcfaee); /* Firefox 3.6 - 15 */
  background: linear-gradient(#fbec96, #fcfaee); /* 标准的语法 */
}
.n_product01 ul li.li02 .right{ float:right}
.n_product01 ul li.li02 .right img{ width:613px; height:527px;}
.n_product01 ul li.li02 .left{ float:left}

.n_yanfa .fl01{padding: 70px 0 0;background:#f4f4f4;}
.n_yanfa .title{ text-align:center; margin-bottom:57px;}
.n_yanfa .title h2{font-size:40px;color:#000;text-transform:capitalize;margin-bottom:12px;}
.n_yanfa .title h4{font-size: 32px;color:#000;}
.n_yanfa .title h4 span{ position:relative; display:inline-block; padding:0 100px; background:url(../images/left.png) left center no-repeat, url(../images/right.png) right center no-repeat;}
.n_yanfa .fl01 ul{ font-size:0; text-align:center; margin:0 -80px; position:relative; height:132px; height:184px;}
.n_yanfa .fl01 ul:before{content:"";position:absolute;left: 50%;margin-left: -960px;top:8px;width: 1920px;height:1px;background:#dedede;}
.n_yanfa .fl01 ul li{ display:inline-block; *display:inline; *zoom:1; padding:0 80px; -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; text-align:center; position:relative; vertical-align:top}
.n_yanfa .fl01 ul li:before{ content:""; width:1px; height:0; background:#f9c114; left:50%; top:22px; margin-left:-1px; position:absolute; -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_yanfa .fl01 ul li:hover:before,.n_yanfa .fl01 ul li.on:before{ height:20px;}
.n_yanfa .fl01 ul li h3 span{ display:inline-block; width:16px; height:16px; background:#f4f4f4; border:#bebebe 2px solid; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; margin-bottom:20px; -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_yanfa .fl01 ul li:hover h3 span,.n_yanfa .fl01 ul li.on h3 span{ margin-bottom:48px; border:#f9c114 2px solid}
.n_yanfa .fl01 ul li h4{ font-size:16px; color:#0a0502}
.n_yanfa .fl01 ul li h5{ line-height:52px; height:52px; text-align:center}
.n_yanfa .fl01 ul li h5 img{ display:none; -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_yanfa .fl01 ul li:hover h5 img,.n_yanfa .fl01 ul li.on h5 img{ display:inline-block}

.n_yanfa .fl02{ overflow:hidden; background:#f4f4f4 }
.n_yanfa .fl02 .w1200{ position:relative}
.n_yanfa .fl02 .w1200:before{ content:""; position:absolute; bottom:0; width:450px; height:452px; background:url(../images/hua_06.png) 0 50% no-repeat; left:-100px }
.n_yanfa .fl02 .w1200:after{ content:""; position:absolute; right:0; bottom:0; width:8px; height:384px; background:#f9c114}
.n_yanfa .fl02 img{ float:right; margin-right:8px; position:relative;}

.n_yanfa .fl03{ overflow:hidden; background:#f4f4f4; padding:68px 0 100px}
.n_yanfa .fl03 .left{float:left;width:590px;padding: 100px 0 0;}
.n_yanfa .fl03 .left h3{ font-size:32px; color:#000000; margin-bottom:55px;}
.n_yanfa .fl03 .left p{ color:#696969}
.n_yanfa .fl03 .right{ float:right; width:465px; height:833px;}
.n_yanfa .fl03 .right .top{ width:465px; height:833px; position:relative}
.n_yanfa .fl03 .right .top .con{ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.n_yanfa .fl03 .right .top .qianhuan_con01{ display:none}
.n_yanfa .fl03 .right .top .qianhuan_con01.block{ display:inline-block;}
.n_yanfa .fl03 .right .top .qianhuan_con01 .con01{ display:inline-block; padding:0 26px; height:35px; line-height:35px; text-align:center; background:#f66c6c; font-size:14px; color:#fff; position:absolute; left:-57px; top:580px;}
.n_yanfa .fl03 .right .top .qianhuan_con01 .con01:before{content:"";position:absolute;right: 35px;bottom: -9px;border-left: transparent 5px solid;border-right: transparent 5px solid;border-top:#f66c6c 9px solid;}
.n_yanfa .fl03 .right .top .qianhuan_con01 .con02{ display:inline-block; padding:0 26px; height:35px; line-height:35px; text-align:center; background:#f66c6c; font-size:14px; color:#fff; position:absolute; left:305px; top:538px;}
.n_yanfa .fl03 .right .top .qianhuan_con01 .con02:before{content:"";position:absolute;left: 2px;bottom: -9px;border-left: transparent 5px solid;border-right: transparent 5px solid;border-top:#f66c6c 9px solid;}

.n_yanfa .fl03 .right .top .qianhuan_con02{ display:none}
.n_yanfa .fl03 .right .top .qianhuan_con02.block{ display:inline-block;}
.n_yanfa .fl03 .right .top .qianhuan_con02 .con01{ display:inline-block; padding:0 26px; height:35px; line-height:35px; text-align:center; background:#f1b600; font-size:14px; color:#343434; position:absolute; left:88px; top:92px;}
.n_yanfa .fl03 .right .top .qianhuan_con02 .con01:before{content:"";position:absolute;right: 2px;bottom: -9px;border-left: transparent 5px solid;border-right: transparent 5px solid;border-top:#f1b600 9px solid;}
.n_yanfa .fl03 .right .top .qianhuan_con02 .con02{ display:inline-block; padding:0 26px; height:35px; line-height:35px; text-align:center; background:#f1b600; font-size:14px; color:#343434; position:absolute; left:78px; top:138px;}
.n_yanfa .fl03 .right .top .qianhuan_con02 .con02:before{content:"";position:absolute;left: 50%; margin-left:-5px; bottom: -9px;border-left: transparent 5px solid;border-right: transparent 5px solid;border-top:#f1b600 9px solid;}

.n_yanfa .fl03 .right .top .qianhuan_con02 .con03{ display:inline-block; padding:0 26px; height:35px; line-height:35px; text-align:center; background:#f1b600; font-size:14px; color:#343434; position:absolute; left:212px; top:184px;}
.n_yanfa .fl03 .right .top .qianhuan_con02 .con03:before{content:"";position:absolute;left: 50%; margin-left:-5px; bottom: -9px;border-left: transparent 5px solid;border-right: transparent 5px solid;border-top:#f1b600 9px solid;}

.n_yanfa .fl03 .right .top .qianhuan_con02 .con04{ display:inline-block; padding:0 26px; height:35px; line-height:35px; text-align:center; background:#f1b600; font-size:14px; color:#343434; position:absolute; left:277px; top:380px;}
.n_yanfa .fl03 .right .top .qianhuan_con02 .con04:before{content:"";position:absolute;left: 50%; margin-left:-5px; bottom: -9px;border-left: transparent 5px solid;border-right: transparent 5px solid;border-top:#f1b600 9px solid;}

.n_yanfa .fl03 .right .top .qianhuan_con02 .con05{ display:inline-block; padding:0 26px; height:35px; line-height:35px; text-align:center; background:#f1b600; font-size:14px; color:#343434; position:absolute; left:135px; top:488px;}
.n_yanfa .fl03 .right .top .qianhuan_con02 .con05:before{content:"";position:absolute;left: 50%; margin-left:-5px; bottom: -9px;border-left: transparent 5px solid;border-right: transparent 5px solid;border-top:#f1b600 9px solid;}

.n_yanfa .fl03 .right .top .qianhuan_con02 .con06{ display:inline-block; padding:0 26px; height:35px; line-height:35px; text-align:center; background:#f1b600; font-size:14px; color:#343434; position:absolute; left:318px; top:489px;}
.n_yanfa .fl03 .right .top .qianhuan_con02 .con06:before{content:"";position:absolute;left: 2px;bottom: -9px;border-left: transparent 5px solid;border-right: transparent 5px solid;border-top:#f1b600 9px solid;}

.n_yanfa .fl03 .right .top .qianhuan_con02 .con07{ display:inline-block; padding:0 26px; height:35px; line-height:35px; text-align:center; background:#f1b600; font-size:14px; color:#343434; position:absolute; left:116px; top:535px;}
.n_yanfa .fl03 .right .top .qianhuan_con02 .con07:before{content:"";position:absolute;right: 2px;bottom: -9px;border-left: transparent 5px solid;border-right: transparent 5px solid;border-top:#f1b600 9px solid;}

.n_yanfa .fl03 .right .top .qianhuan_con02 .con08{ display:inline-block; padding:0 26px; height:35px; line-height:35px; text-align:center; background:#f1b600; font-size:14px; color:#343434; position:absolute; left:268px; top:586px;}
.n_yanfa .fl03 .right .top .qianhuan_con02 .con08:before{content:"";position:absolute;left: 50%; margin-left:-5px; bottom: -9px;border-left: transparent 5px solid;border-right: transparent 5px solid;border-top:#f1b600 9px solid;}

.n_yanfa .fl03 .right .bottom{margin-top:-84px;float:right;position: relative;}
.n_yanfa .fl03 .right .bottom ul li{ width:175px; height:35px; line-height:33px; border:#dadada 1px solid; font-size:14px; color:#343434; padding:0 0 0 38px; -moz-border-radius:17.5px; -webkit-border-radius:17.5px; border-radius:17.5px; margin-bottom:10px; cursor:pointer}

.n_yanfa .fl04{ overflow:hidden; padding:80px 0}
.n_yanfa .fl04 .left{ float:left; width:708px; height:405px; position:relative}
.n_yanfa .fl04 .left:after{content:"";position:absolute;right:0;bottom:0;width:8px;height: 293px;background:#f9c114;}
.n_yanfa .fl04 .right{ float:right; width:384px; padding:98px 0 0}
.n_yanfa .fl04 .right h3{ font-size:32px; color:#000000; margin-bottom:55px; text-align:right}
.n_yanfa .fl04 .right p{ color:#696969}

.n_zhaopin .slider-nav{margin-left: -57px;margin-right: -57px;margin-bottom: 25px;margin-top: 64px;}
.n_zhaopin .slider-nav .miso-list{ padding:0 0 1.75rem 0}
.n_zhaopin .slider-nav .miso-slide{padding: 0 57px;}
.n_zhaopin .slider-nav .miso-slide .miso{ padding:5.625rem 0; border:#dddddd 1px solid; background:#fff; text-align:center; position:relative; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; cursor:pointer}
.n_zhaopin .slider-nav .miso-slide .con{text-align:center;width:100%;margin-bottom: 20px;}
.n_zhaopin .slider-nav .miso-slide .con img.img02,.n_zhaopin .slider-nav .miso-slide.miso-current .con img.img01{ display:none}
.n_zhaopin .slider-nav .miso-slide.miso-current .con img.img02{ display:inline-block}
.n_zhaopin .slider-nav .miso-slide .miso img{ display:inline-block;}
.n_zhaopin .slider-nav .miso-slide .miso .icon{ width:2.75rem; height:3rem; fill:#9b9b9c; margin-bottom:1.25rem;}
.n_zhaopin .slider-nav .miso-slide .miso h4{font-size: 16px;color: #343434;margin-bottom: 50px;}
.n_zhaopin .slider-nav .miso-slide .miso h5{font-size: 12px;color: #cbcbcb;margin-bottom:2.5rem;}
.n_zhaopin .slider-nav .miso-slide .miso h6{ height:2px; position:relative;}
.n_zhaopin .slider-nav .miso-slide .miso h6:before{content:"";position:absolute;width: 20px;height: 1px;top:0;left:50%;margin-left: -10px;background: #f9c114;}

.n_zhaopin .slider-for .miso-slide .ar_article{padding: 0;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.n_zhaopin .slider-for .miso-slide .ar_article h4{ font-size:18px; color:#353535; font-size:18px;}
.n_zhaopin .slider-for .miso-slide .ar_article .ar_article_scroll{height:16.75rem; overflow-y:scroll; margin-right:-1.5rem; padding:0 1.5rem 0 0}
.n_zhaopin .slider-for .miso-slide .ar_article p{ text-align:center; color:#696969}
.n_zhaopin .slider-for .miso-slide .ar_article p img{ display:inline-block}
.n_zhaopin .slider-for .miso-slide .ar_article .ar_article_scroll::-webkit-scrollbar {width:2px;height:2px; background:#cecece}
.n_zhaopin .slider-for .miso-slide .ar_article .ar_article_scroll::-webkit-scrollbar-track {border-radius:10px; background:#cecece}
.n_zhaopin .slider-for .miso-slide .ar_article .ar_article_scroll::-webkit-scrollbar-thumb { border-radius:10px; background:#b92d40}
.n_zhaopin .slider-nav .miso-slide.miso-current .miso{background: #f9c114;border: #f9c114 1px solid;}
.n_zhaopin .slider-nav .miso-slide.miso-current .miso img{display: inline-block;}
.n_zhaopin .slider-nav .miso-slide.miso-current .miso .icon{ fill:#fff;}
.n_zhaopin .slider-nav .miso-slide.miso-current .miso h4{}
.n_zhaopin .slider-nav .miso-slide.miso-current .miso h5{ color:#fff;}
.n_zhaopin .slider-nav .miso-slide.miso-current .miso h6:before{background: #343434;width: 1px;height: 20px;margin-left: -1px;top: 50%;margin-top: -15px;}

.n_yanfa .gg{ height:610px; overflow:hidden}

.n_yanfa .fl05{ overflow:hidden; background:#f4f4f4 ; padding:82px 0}
.n_yanfa .fl05 .left{float:left;width: 620px;padding:30px 0 0;}
.n_yanfa .fl05 .left h3{ font-size:32px; color:#000000; margin-bottom:55px;}
.n_yanfa .fl05 .left p{ color:#696969}
.n_yanfa .fl05 .right{ margin-right:-160px; float:right}
.n_yanfa .fl05 .right .img{ float:right; width:510px; height:510px; border:#f9c114 1px dashed; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; text-align:center}
.n_yanfa .fl05 .right .img .con{ display:inline-block; vertical-align:middle; width:465px; height:465px; background:#f9c114 url(../images/logo03.png) center no-repeat; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; margin:22px;}
.n_yanfa .fl05 .right .img .con ul li{margin: 66px auto;position:relative;}
.n_yanfa .fl05 .right .img .con ul li:before{content:"";position:absolute;left:50%;top: 90px;width:1px;height:20px;background:#33241c;}
.n_yanfa .fl05 .right .img .con ul li h4 span{ font-size:52px; color:#000; font-family:"Times New Roman"; margin-bottom:2px;}
.n_yanfa .fl05 .right .img .con ul li h6{ font-size:12px; color:#000;}
.n_yanfa .fl05 .right .img .con ul li:nth-child(3):before{ display:none}

.n_yanfa .fl06{ padding:106px 0 80px; border-bottom:#e4e4e4 1px solid; overflow:hidden}
.n_yanfa .fl06 .title{position:relative;padding-bottom: 30px;margin-bottom: 48px;}
.n_yanfa .fl06 .title:before{content:"";position:absolute;width:1px;height:35px;background: #f4b800;left: 50%;bottom: 0;}
.n_yanfa .fl06 .title h2{ color:#0a0502; font-size:32px;}
.n_yanfa .fl06 .title h4{font-size: 32px;color:#0a0502;margin-bottom:28px;}

.n_yanfa .fl07{ padding:70px 0 173px; overflow:hidden}
.n_yanfa .fl07 .left{ float:left; width:539px; height:370px; position:relative}
.n_yanfa .fl07 .left img{}
.n_yanfa .fl07 .right{ float:right; width:496px; padding:35px 0 0}

.n_yanfa .fl08{padding: 88px 0 60px;overflow:hidden;background:#f4f4f4;border-bottom: #e2e2e2 1px solid;}
.n_yanfa .fl08 .left{ float:right; width:464px; height:440px; position:relative}
.n_yanfa .fl08 .left img{}
.n_yanfa .fl08 .right{ float:left; width:580px; padding:64px 0 0}
.n_yanfa .fl08 .right h3{ font-size:32px; color:#000000; margin-bottom:38px;}

.n_product_detail .fl01{ padding:80px 0; background:#f4f4f4; overflow:hidden}
.n_product_detail .fl01 .w1200{border:#e7e7e7 3px solid;position: relative;}
.n_product_detail .fl01 .img{ float:left; width:620px; height:560px;}
.n_product_detail .fl01 .img img{ width:620px; height:560px;}
.n_product_detail .fl01 .con{ float:left; width:515px; height:560px;}
.n_product_detail .fl01 .con .table{ text-align:left}
.n_product_detail .fl01 .con h3{ font-size:26px; color:#3b3b3b; margin-bottom:30px}
.n_product_detail .fl01 .con p{ font-size:14px; line-height:30px; color:#676767; margin-bottom:30px}

.n_product_detail .right{float:right;width:74px;position: absolute;right: -114px;top: -5px;}
.n_product_detail .right ul{  padding:2px 0 0}
.n_product_detail .right ul li{float:left;margin-bottom:0;position:  relative;}
.n_product_detail .right ul li > a{ display:block; width:74px; height:74px; border:#cccccc 1px solid; line-height:74px; text-align:center; 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;}
.n_product_detail .right ul li > a:hover{ background:#f9c114; border:#f9c114 1px solid}
.n_product_detail .right.fixed{position:fixed;right:50%;margin-right: -714px;top:0;}


.n_product_detail .fl02{padding: 75px 0 0;overflow:hidden;}


.n_product_detail .fl03{padding: 30px 0 0;height: 500px;overflow:hidden;}
.n_product_detail .fl03 .title{position:relative;margin-bottom: 0;}
.n_product_detail .fl03 .title:before{content:"";position:absolute;width:1px;height:35px;background:#fff;left: 50%; bottom:40px;}
.n_product_detail .fl03 .title h4{font-size: 18px;color: #414141;margin-bottom: 32px;text-align: center;}

.n_product_detail .fl03 ul{ margin:0 -22px; padding:0 62px;}
.n_product_detail .fl03 ul li{ text-align:center; padding:0 22px;}
.n_product_detail .fl03 ul li .img{width: 236px;height: 326px; line-height:198px; background: rgba(255,255,255,0.35); }
.n_product_detail .fl03 ul li .img img{width: 236px;height: 326px; margin:0 auto; display:inline-block; border:#e8e8e8 4px solid}
.n_product_detail .fl03 ul li h5{ font-size:14px; color:#777777; height:50px; line-height:50px;}
.n_product_detail .fl03 .miso-prev, .n_product_detail .fl03 .miso-next{ width:45px; height:45px; margin-top:-22.5px; opacity:0.5}
.n_product_detail .fl03 .miso-prev:hover, .n_product_detail .fl03 .miso-next:hover{ opacity:1}
.n_product_detail .fl03 .miso-prev{ background:url(../images/n_product_detail_left.png) center no-repeat; left:-35px}
.n_product_detail .fl03 .miso-next{ background:url(../images/n_product_detail_right.png) center no-repeat; right:-35px}

.bdsharebuttonbox a { width: 60px!important; height: 60px!important; margin:5px 0!important; float: none!important; padding: 0!important; display: block; }
.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:-73px; top:-1px; padding:6px; border:#ccc 1px solid; background:#f4f4f4}
.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{ 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}
.container05 .slider-for .miso-prev,.container05 .slider-for .miso-next{ display:none !important}
/*online qq*/
.izl-rmenu {position: fixed;right: 1rem;width: 47px;bottom: 30%;z-index: 999999;}
.izl-rmenu .btn-top{background:#fff url(../images/r_top.png) center no-repeat;display:none;}
.izl-rmenu .btn-top:hover{background:#ffd026 url(../images/r_top.png) center no-repeat;}
/*online qq*/

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

@media(min-width: 768px){
	
}


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

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

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

@media(max-width: 1400px){
.container05 .slider-nav,.container05 .slider-for{ height:590px; margin-top:-40px}
}

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

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

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

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

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

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