@charset "utf-8";
@font-face{font-family: 'FontAwesome';
src: url('fonts/fontawesome-webfont.eot?v=4.3.0');
src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');}
/* CSS Document */
HTML,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,i,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
HTML,BODY {WIDTH: 100%; HEIGHT: 100%}
BODY {  COLOR: #333; font-family: "Microsoft YaHei","΢���ź�", "Lucida Grande", "Lucida Sans", Helvetica, Arial, Sans; background:#fff;
font-size: 100%;}


ul,li { list-style:none;}
img { max-width:100%;}
a { color:#666; text-decoration:none;}
p.sj { text-indent:2em; line-height:2em}
p.title_ten { color:#000; font-size:24px; font-weight:bold; text-transform: uppercase}
p.title_tcn { color:#000; font-size:18px; font-weight:bold;}
p.line { height:1px; width:50px; margin:30px 0; background:#000; }
.ny_table td { padding:20px 0;vertical-align:text-top;}


/* top */

#header img { height:3em;}
.px { height:4em; width:100%; }
/* top end */

/* bottom  */
#bottom { border-top:1px solid #eee; text-align:center; line-height:3em; font-size:0.75em;}
/* bottom end */

.left { float:left;}
.right { float:right;}
.clear { clear:both;}
.bg { height:93px; width:100%; background:url(../images/bg_about.jpg) center top no-repeat;}
.jiantou a { display:block; text-align:center; border:1px solid #eee; color:#999; font-size:1em; width:10em; height:2em; line-height:2em; margin:0 auto; margin-top:2em; margin-bottom:2em;}
.cutepage { text-align:center; margin:3em 0; font-size:0.75em;}
.css_btn_class {border:1px solid #ccc; padding:0.3em 1.2em;}
.back { text-align:center; margin:3em 0; font-size:0.75em;}
.back a {padding:8px 25px;border:1px solid #ccc;  margin: 0 3px;}

/* index  */
.index h1 { text-align:center; color:#000; font-size:1.25em; font-weight:normal; margin-top:3em}
.index h2 { text-align:center; font-size:0.75em; font-weight:normal; color:#999; margin-bottom:3em; }
.index h3 { font-size:0.875em; font-weight:normal; height:1.25em; overflow:hidden; margin-bottom:1em; }
.index p { font-size:0.75em; color:#999; overflow:hidden;}
#index_news li {  border-bottom:1px dotted #ddd;  padding:1em;}
#index_news li span { font-size:1em; color:#bbb }

.inpr { background:#f5f5f5; position:relative; overflow:hidden}
.inpr h1 a { margin-bottom:10px; color:#000000; display:block;}
.em  { padding:1em;}
.inpr img { width:100%;}
.intext { width:100%; background:#fff;}
.intext li { padding:1em}
.intext  h2 { font-size:18px; text-align:left; color:#000; margin-bottom:10px;}


#index_product { background:#f9f9f9; width:100%; position:relative; overflow:hidden}
#index_product li { width:50%;  overflow:hidden;}
#index_product li.left a { display:block; padding:0 0.25em 0 0.5em; }
#index_product li.right a { display:block; padding:0 0.5em 0 0.25em;}
/* index end */
#newslist li {  border-bottom:1px dotted #ddd;  padding:1em;}
#newslist h2 {font-size:0.875em; font-weight:normal; height:1.25em; overflow:hidden; margin-bottom:0.25em; }
#newslist p { font-size:0.75em; color:#999; height:3em; overflow:hidden;}
#newslist span { font-size:0.75em; color:#ddd ; margin-bottom:1em; display: block}
#main { width:100%; position:relative; overflow:hidden;}
#main_content { padding:1em;}
#news_content { padding:1em;}
.topic h1 { text-align:center; color:#333; font-size:1.25em; font-weight:normal; margin-top:3em;}
.topic p { text-align:center; margin-bottom:3em}
.content p { margin-bottom:10px; font-size:0.75em; color:#666;}
.content { padding:1em;}

#productlist h1 { font-size:1.2em; text-align:center; margin-bottom:1em;}
#productlist {width:100%;  position:relative; overflow:hidden; margin-top:50px;}
#productlist ul { margin-right:8px;font-size:0;}
#productlist li { width:50%; font-size:12px; display:inline-block; vertical-align:top;  margin-bottom:10px; text-align:center;}
#productlist li a { display:inline-block; padding:0 0 0 0.5em; font-size:1em}


#wenhuamain { width:100%; margin:0 auto; margin-top:50px; margin-bottom:50px; }
.mainul h1 { text-align:center; font-size:24px; font-weight:normal; margin-top:50px;color:#000;}
.mainul h2 { text-align:center; font-size:14px;color:#000;margin-bottom:20px;}
.mainul h3 { font-weight:normal; font-size:18px; color:#000; margin-top:50px; margin-bottom:30px;}
.mainul h3 p { font-size:16px; color:#999;}
.mainul li { border-bottom:1px dotted #ddd; padding:20px 0; width:100%; position:relative; overflow:hidden }

.mainul li span { display:block; float:left; margin-right:20px; font-size:14px; color:#000; }
.mainul li font { display:block; float:left; margin-right:20px; color:#999}
.mainul li div { float:left; width:960px;}


.wenhuany { width:100%; margin:0 auto; margin-top:20px; margin-bottom:50px; background:#fff;;}
.wenhuany h1 { font-size:18px; text-align:center; margin-bottom:30px;}
.wenhuany p { margin-bottom:10px; text-indent:2em }
.wenhuany p strong { color:#000}
.wenhualist { display:none  }

#fenchang li { border-bottom:1px dotted #999; padding:30px 0; position:relative; overflow:hidden;}
#fenchang img { margin-bottom:30px;}
#fenchang h1 { font-size:1em; font-weight:normal; color:#000; margin-bottom:10px;}
#fenchang p { font-size:0.8em;}

/* flexslider */
.flexslider {margin:0 auto;position:relative; width:100%; overflow:hidden;zoom:1; }
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=50);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=50);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px;text-align:center;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(dot2.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}



.header { width:100%; height:4em; background-color:#fff; position:fixed; z-index:996; }
.header .img { display:block;  float:left; margin:0.8em; }
.header .img img { height:2.5em;}
.drawer-main{position:fixed;top:0;width:180px;height:100%;overflow:hidden; z-index:998; }
.drawer-left .drawer-main{left:-180px;-webkit-transition:left .4s cubic-bezier(0.19,1,.22,1);-o-transition:left .4s cubic-bezier(0.19,1,.22,1);transition:left .4s cubic-bezier(0.19,1,.22,1)}
.drawer-left.drawer-open .drawer-main{left:0}
.drawer-right .drawer-main{right:-180px;-webkit-transition:right .4s cubic-bezier(0.19,1,.22,1);-o-transition:right .4s cubic-bezier(0.19,1,.22,1);transition:right .4s cubic-bezier(0.19,1,.22,1)}
.drawer-right.drawer-open .drawer-main{right:0}
.drawer-overlay{position:relative}
.drawer-left .drawer-overlay,.drawer-left .drawer-hamberger{left:0;-webkit-transition:left .4s cubic-bezier(0.19,1,.22,1);-o-transition:left .4s cubic-bezier(0.19,1,.22,1);transition:left .4s cubic-bezier(0.19,1,.22,1)}
.drawer-left.drawer-open .drawer-overlay,.drawer-left.drawer-open .drawer-hamberger{left:180px}
.drawer-right .drawer-overlay,.drawer-right .drawer-hamberger{right:0;-webkit-transition:right .4s cubic-bezier(0.19,1,.22,1);-o-transition:right .4s cubic-bezier(0.19,1,.22,1);transition:right .4s cubic-bezier(0.19,1,.22,1)}
.drawer-right.drawer-open .drawer-overlay,.drawer-right.drawer-open .drawer-hamberger{right:180px}
.drawer-overlay-upper{position:fixed;top:0;z-index:1100;display:none;height:100%;background-color:#000;background-color:rgba(0,0,0,0.7)}
.drawer-left.drawer-open .drawer-overlay-upper{right:0}
.drawer-right.drawer-open .drawer-overlay-upper{left:0}
.drawer-default{background-color:#222;-webkit-box-shadow:inset 0 0 0 rgba(0,0,0,.5);box-shadow:inset 0 0 0 rgba(0,0,0,.5)
}

.fa-angle-right { float:right; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: inherit; font-family: FontAwesome; font-size: inherit;   }
.fa-angle-right:before{content: "\f105";}
.drawer-default .drawer-brand a{display:block;width:100%;padding:1em;font-size:1em;color:#fff}
.drawer-default .drawer-nav-title{display:block;padding:10px 15px 0 15px;font-size:1em; color:#fff}
.drawer-default .drawer-nav-list{ padding-bottom:20px;margin:10px;list-style:none; border-bottom:1px solid #333;}
.drawer-default .drawer-nav-list li{display:block}
.drawer-default .drawer-nav-list li a{display:block;padding:5px 10px;color:#888; font-size:0.75em;}
.drawer-default .drawer-nav-list li ul a{padding:8px 20px}

.drawer-hamberger{position: relative; z-index:1000;display:block;width:40px;height:70px;padding:20px;background-color:transparent;border:0; float:right;}
.drawer-hamberger span{margin-top:10px}
.drawer-hamberger span,.drawer-hamberger span:before,.drawer-hamberger span:after{position:absolute;display:block;width:30px;height:2px;cursor:pointer;content:'';background-color:#ddd;border-radius:1px;-webkit-transition:all .4s cubic-bezier(0.19,1,.22,1);-o-transition:all .4s cubic-bezier(0.19,1,.22,1);transition:all .4s cubic-bezier(0.19,1,.22,1)}
.drawer-hamberger span:before{top:-10px}
.drawer-hamberger span:after{bottom:-10px}
.drawer-open .drawer-hamberger span{background-color:transparent}
.drawer-open .drawer-hamberger span:before,.drawer-open .drawer-hamberger span:after{top:0}
.drawer-open .drawer-hamberger span:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.drawer-open .drawer-hamberger span:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.drawer-hamberger:hover{cursor:pointer}


#mbOverlay { position:fixed; z-index:9998; top:0; left:0; width:100%; height:100%; background-color:#000; cursor:pointer; }
#mbOverlay.mbOverlayFF { background:transparent url(80.png) repeat; }
#mbOverlay.mbOverlayIE { position:absolute; }
#mbCenter { height:100%; position:absolute; z-index:9999; left:50%; background-color:#fff; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow:0 10px 40px rgba(0, 0, 0, 0.70); }
#mbCenter.mbLoading { background:#fff url(../images/rongyu/WhiteLoading.gif) no-repeat center; -moz-box-shadow:none; -webkit-box-shadow:none; }
#mbImage { left:0; top:0; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:left; background-position:center center; background-repeat:no-repeat; padding:10px; }
#mbImage a, #mbImage a:link, #mbImage a:visited { color:#ddd; }
#mbImage a:hover, #mbImage a:active { color:#fff; }
#mbBottom { min-height:20px; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#999; text-align:left; padding:0 10px 10px; }
#mbTitle { display:inline; color:#999; font-weight:bold; line-height:20px; font-size:12px; }
#mbNumber { background:url(../images/rongyu/mbNumber_bg.gif) no-repeat center; display:inline; color:#C00; line-height:26px; font-size:12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width:65px; height:26px; }
#mbCaption { display:block; color:#999; line-height:14px; font-size:10px; }
#mbPrevLink, #mbNextLink, #mbCloseLink { display:block; float:right; height:20px; margin:0; outline:none; }
#mbPrevLink { width:32px; height:100px; background:transparent url(../images/rongyu/CustomBlackPrevious.gif) no-repeat center; position: absolute; top:38%; left:-32px; }
#mbNextLink { width:32px; height:100px; background:transparent url(../images/rongyu/CustomBlackNext.gif) no-repeat center; position: absolute; top:38%; right:-32px; }
#mbCloseLink { width:24px; background:transparent url(../images/rongyu/CustomBlackClose.gif) no-repeat center; position:absolute; top:10px; right:10px; }
#mbError { position:relative; font-family:Myriad, Verdana, Arial, Helvetica, sans-serif; line-height:20px; font-size:12px; color:#fff; text-align:center; border:10px solid #700; padding:10px 10px 10px; margin:20px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color:#d00; font-weight:bold; text-decoration:underline; }

.meta{ text-align:center; font-size:0.75em}
.meta a{color:#333; text-decoration:none}

.mod_gallerylist{width:100%; position:relative; overflow:hidden; margin:0 auto; }
.mod_gallerylist ul { font-size:0;}

.layout_default{ width:50%;    font-size:12px;  vertical-align:top;  margin-bottom:10px; text-align:center; display: inline-block;	*display:inline;	zoom:1; }
.image_container { background:#f9f9f9; width:95%;  height: 0; padding-bottom: 60%; overflow:hidden; border:1px solid #CCC; text-align:center; }
.image_container img{  width:100%; }

.jszctitle { text-align:center; font-size:1.2em; margin:20px 0;}