@charset "utf-8";
body { background-size:cover;}
.yindao{ position:absolute; top:0px; width:100%; height:100%;}
.page{ display:none;}
footer{  width:100%; padding:5% 0; background:#890202; background-size:cover; color:#fff; font-size:0.8em; line-height:1.5em; overflow:hidden;}
.main{ padding:0 3% 3%; width:94%; display:block; overflow:hidden;}
.i_nav{ margin-top:70%; overflow:hidden;}
.i_nav a{ display:block; background:#fff;  width:100%; }
.i_nav .fl{ width:50%}
.i_nav .fl a{ margin-bottom:3%; }
.i_nav a img{ width:100%; display:block;}
.i_nav .fr{ width:48.6%;}
.i_nav .fr a{ margin-bottom:2.3%; }
.i_nav a:hover{ background:#890202;}

header{  position:relative; overflow:hidden; width:100%;}
header img{ display:block;}
footer p{ margin:2% 0;}
header .back{ position:absolute; top:0px; left:4%; height:100%; display:inline-block;}
header #h_menu{ display:block; float:right; height:100%;cursor:pointer; position:absolute; top:0px; right:4%;}
header #h_menu span{ width:100%; height:5px; margin-bottom:10%; display:block; background:#d7922b; position:absolute; left:0%; transition:all 100ms ease-out 0s}
header #h_menu span.a{transform: translateX(10px) translateY(0) rotate(0);top:40%;}
header #h_menu span.b{transform: translateX(10px) translateY(0) rotate(0);top:50%;}
header #h_menu span.c{transform: translateX(10px) translateY(0) rotate(0);top:60%;}
.snapjs-right header #h_menu span{top:50%;right:20%;}
.snapjs-right header #h_menu span.a{transform: rotate(45deg);transition:all .4s,transform .4s;}
.snapjs-right header #h_menu span.b{ display:none;}
.snapjs-right header #h_menu span.c{transform: rotate(-45deg);transition:all .4s,transform .4s;}

header a{ width:8%; display:block; overflow:hidden;}
.m_logo{ width:72.4%; background-image:url(../images/m_logo.png); background-size:cover; }

.screen{ position: relative;overflow: hidden; z-index:5;background:#fff; height:100%;}
.screen.ab{overflow: hidden; right:30%;z-index:5;background:#efeeec;}
.r_nav{ position:fixed; right:0px; top:0px; width:200px;background:#484848; color:#fff; height:100%; z-index:0; overflow:scroll;}
.r_nav ul{}
.r_nav ul a{ display:block; text-align:center; line-height:4em; font-size:1em;transition:all .4s,transform .4s; border-bottom:1px solid #666;}
.r_nav ul a img{ display:block; width:100%;}
.r_nav ul a:hover{background:#474747;}

.pro_main{ overflow:hidden;}
.pro_nav{ overflow:hidden; position: relative; background:url(../images/pro_nav_02.png); background-size:cover;display:block; }
.pro_nav ul{ position:absolute; top:0px; padding:0 3%; width:94%;overflow:hidden; display:block;padding-top:4%;}
.pro_nav ul li{ width:25%; display:block; float:left; text-align:center;overflow:hidden;}
.pro_nav ul li a{ position:relative; border-radius:100%; border:4px solid #fff3e2; overflow:hidden;width:80%;display:block; margin:0px auto;overflow:hidden;border-radius:100%;}
.pro_nav ul li a img{ width:100%; display:block;border-radius:100%;}
.pro_nav ul li a .bg,.pro_nav ul li a .bg{ position:absolute; height:100%; width:100%; background:#000000; opacity:.70; top:0px; z-index:1; border-radius:100%;}
.pro_nav ul li a:hover .bg,.pro_nav ul li a.hover .bg{ background:#ac0807; opacity:.76; }
.pro_nav ul li a span{ position:absolute; top:0px; width:70%;border-radius:5px; border:1px solid rgba(0%,0%,0%,0); left:50%; margin-left:-35%; top:50%; line-height:2em; margin-top:-1em; z-index:5;}
.pro_nav ul li a:hover span,.pro_nav ul li a.hover span{ position:absolute; top:0px; width:70%;border-radius:5px; border:1px solid #fff3e2; left:50%; margin-left:-35%; top:50%; line-height:2em; margin-top:-1em; z-index:5;}

.pro_list{ padding:0 3%;}
.pro_list .item{ position:relative; width:27%; float:left; margin:3.15%;}
.pro_list .item img{ display:block; width:100%;}
.pro_list .item .tit{ position:absolute; bottom:0px; text-align:center; color:#fff; width:100%;height:2em; line-height:2em; z-index:5;}
.pro_list .item .bg{  position:absolute; bottom:0px; text-align:center; color:#fff; width:100%; background:#000; opacity:.5; height:2em; z-index:1;}

.pro_nei{ margin:3%; background:#edebdc; border:1px solid #776b66; padding:3%; color:#666666;font-size:1em;line-height:2em;}
.pro_nei .title{ background:#d1a965; color:#fff; text-align:center; font-size:1.2em; line-height:2em; margin-bottom:.5em;}



.abo_nav{ overflow:hidden; position: relative; background:url(../images/pro_nav_02.png); background-size:cover;display:block; }
.abo_nav ul{ position:absolute; top:0px; padding:0 3%; width:94%;overflow:hidden; display:block;padding-top:4%;}
.abo_nav ul li{ width:25%; display:block; float:left; text-align:center;overflow:hidden;}
.abo_nav ul li a{ position:relative; border-radius:100%; border:4px solid #fff3e2; overflow:hidden;width:80%;display:block; margin:0px auto;overflow:hidden;border-radius:100%;}
.abo_nav ul li a img{ width:100%; display:block;border-radius:100%;}
.abo_nav ul li a .bg,.pro_nav ul li a .bg{ position:absolute; height:100%; width:100%; background:#000000; opacity:.70; top:0px; z-index:1; border-radius:100%;}
.abo_nav ul li a span{ position:absolute; top:0px; width:70%; border-bottom:1px solid rgba(0%,0%,0%,0); left:50%; margin-left:-35%; top:50%; line-height:2em; margin-top:-1em; z-index:5;}
.abo_nav ul li a:hover span,.abo_nav ul li a.hover span{ position:absolute; top:0px; width:70%; border-bottom:1px solid #fff3e2; left:50%; margin-left:-35%; top:50%; line-height:2em; margin-top:-1em; z-index:5;}

.about_main{ padding:3%; font-size:1em; line-height:2em;}

.ry_list{ padding:0 3%; overflow:hidden;}
.ry_list .item{ position:relative; width:43.7%; float:left; margin:3.15%;}
.ry_list .item img{ display:block; width:100%; border:2px solid #fff; box-shadow:0px 0px 5px #d3d3d3;}
.ry_list .item .tit{ position:absolute; bottom:0px; text-align:center; color:#fff; width:100%;height:2em; line-height:2em; z-index:5;}
.ry_list .item .bg{  position:absolute; bottom:0px; text-align:center; color:#fff; width:100%; background:#000; opacity:.5; height:2em; z-index:1;}

.news_list{ padding:3%;}
.news_list .item{  overflow:hidden; padding:2% 3%;transition:all .4s,transform .4s; display:none;}
.news_list .item .time{ width:20%; border:2px solid #af0908; color:#af0908; text-align:center;}
.news_list .item .time .date{ font-size:2em; line-height:1.2em;}
.news_list .item .time .ym{ font-size:1em;line-height:1.5em;}
.news_list .item .fr{ width:70%;}
.news_list .item .fr .title{ color:#af0908; font-size:1em; text-decoration:underline; }
.news_list .item .fr .des{ color:#666; font-size:.9em;}

.news_list .item:hover .time{ background:#af0908; color:#fff;}
.more{overflow: hidden; width:92%; margin:5% 4%;text-align: center; border:none; height:50px; color:#fff; font-size:.8em;background: url(../images/btn_more.png) no-repeat scroll 30% center;
cursor: pointer;transition: background 400ms ease 0s;background-size: auto 1em;}
.more.news{ background-color:#890202}
.more.news:hover{ background-color:#a00101}
.news_main { padding:3%;}
.news_main .title{ color:#4d4d4d; text-align:center; line-height:1em;}
.news_main .info{ color:#9a9a9a; text-align:center; font-size:.8em;line-height:3em;}
.news_main .content{ border-top:1px solid #9a9a9a; font-size:1em; line-height:2em;}

.yzzs_list .item { overflow:hidden; padding:3% 6%; display:none;}
.yzzs_list .item a{ display: block;}
.yzzs_list .item .pic{ width:14%;  padding:4px; border:2px solid #ad0808;}
.yzzs_list .item .pic img{ width:100%; display:block;}
.yzzs_list .item .info{ width:75%;}
.yzzs_list .item .title{ font-size:1em; color:#ac0808; line-height:1em; text-decoration:underline;}
.yzzs_list .item .des{ color:#a0a0a0; font-size:.8em;}
.contact_main{ background-image:url(../images/contact_bg_02.png); background-size:cover; height:100%; padding:10% 12% 50%; color:#890202; line-height:2em;}

@media handheld,only screen and (max-width:800px) {
.news_list .item .time{ width:10%; border:2px solid #af0908; color:#af0908; text-align:center;}
.news_list .item .fr{ width:80%;}
.yzzs_list .item .title{line-height:2em;}
.yzzs_list .item .des{line-height:2em;}
}
@media handheld,only screen and (max-width:360px) {
footer{ font-size:0.7em; }
header #h_menu span{ width:100%; height:2px!important; margin-bottom:10%; display:block; background:#d7922b;position:absolute; right:50%;}	
header #h_menu.select span{right:20%; top:50%;}
.r_nav ul a span{ display:block; text-align:center;margin: 0 2%; line-height:4em;border-bottom:1px solid #ddd; font-size:1em;}
header #h_menu span.a{transform: translateX(10px) translateY(0) rotate(0);top:40%;}
header #h_menu span.b{transform: translateX(10px) translateY(0) rotate(0);top:50%;}
header #h_menu span.c{transform: translateX(10px) translateY(0) rotate(0);top:60%;}
.snapjs-right header #h_menu span{top:50%;right:30%;}
.snapjs-right header #h_menu span.a{transform: rotate(45deg);transition:all .4s,transform .4s;}
.snapjs-right header #h_menu span.b{ display:none;}
.snapjs-right header #h_menu span.c{transform: rotate(-45deg);transition:all .4s,transform .4s;}
.pro_nav ul li a span{ font-size:.8em;}
.abo_nav ul li a span{ font-size:.7em;}
.pro_list .item{width:43.7%; float:left; margin:3.15%;}
.news_list .item .time{ width:20%; border:2px solid #af0908; color:#af0908; text-align:center;}
.news_list .item .fr{ width:70%;}
.yzzs_list .item .title{line-height:1.5em;}
.yzzs_list .item .des{line-height:1.5em;}
	}