@charset "utf-8";

/* body
---------------------------------------*/

.mainclear { background: url(c_b.jpg) no-repeat bottom;}
.bodycontent { margin: 0 246px 0 0; padding: 0 0 192px 18px; min-height: 100px;}

.categories {}
.categories  a { position: relative; display: inline-block; width: 216px; height: 95px; padding: 7px; float: left; margin: 0 8px 12px 0; background: url(dir_hov.png) no-repeat -1000px 0; color: #A9D303;}
.categories  a:hover { background-position: 0 0; text-decoration: underline;}
.categories a img { vertical-align: top; width: 100%; height: 100%; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; background: no-repeat center; background-clip: padding-box;     background-size: contain;}
.categories a span { text-align: center; line-height: 23px; font-size: 12px; -webkit-border-bottom-right-radius: 16px; -webkit-border-bottom-left-radius: 16px; -moz-border-radius: 0 0 16px 16px; border-radius: 0 0 16px 16px; background: url(black_60.png) repeat;	position: absolute; z-index: 1; left: 7px; right: 7px; bottom: 7px;}


/* aboutus */
.aboutus { min-height: 0; background: #212E08 url(pattern.gif) repeat; color: #FFF; font-size: 14px;}
.aboutus a { color: #FFF;}
.aboutus_inner { min-height: 0; background: url(about_top.gif) repeat-x top;}
.aboutus_inner_in { min-height: 0; background: url(about_bot.gif) repeat-x bottom;}
.aboutus_inner_in .centered { padding: 9px 0 10px;}
.aboutus_inner_in article { padding: 26px 25px 15px; min-height: 0;}
.aboutus_inner_in article h1 { font-size: 20px;}
.aboutus_inner_in article .pic { float: right; width: 220px; margin: 0 0 15px 80px;}
.aboutus_inner_in article .pic img { border: 1px solid #C1C3C1; max-width: 218px;}
.aboutus_inner_in article .pic .tit { font-size: 10px; line-height: 16px; color: #AAA;}
.aboutus_inner_in .centered .more { position: relative; min-height: 0;}
.aboutus_inner_in .centered .more a { position: absolute; font-size: 12px; left: 580px; width: 140px; height: 25px; padding: 12px 0 0; text-align: center; background: url(more_buttom.png) no-repeat top;}


/* rightside 
-------------------------------------*/
.rightside { width: 246px; float: left; margin-left: -246px; position: relative;}
.banners { padding-left: 0;}

.lastnews { padding: 6px 25px 0 1px; font-size: 12px; line-height: 16px;}
.lastnews .news_tit { margin: 0 0 15px;}
.lastnews .news_tit span { font-weight: bold; font-style: italic; font-size: 20px; margin-right: 4px;}
.lastnews article > a { color: #AAD503; text-decoration: underline;}
.lastnews article > a:hover { color: #000; text-decoration: underline;}
.lastnews article { margin: 0 0 18px; min-height: 0; color: #737373; position: relative;}
.lastnews article .i { position: absolute; top: 5px; left: -9px; width: 4px; height: 24px; background: #E0E0E0;}
.lastnews article time { display: block; color: #AAD503; margin: 0 0 1px;}


/* slider 
-----------------------------*/
.slider_box { height: 513px; background: url(c_t.jpg) no-repeat top; max-width: 2990px; margin: 0 auto;}
.slider { width: 705px; height: 341px; margin: 99px 0 0 259px; float: left; position: relative; z-index: 0;}
.slider .pic_box { position: absolute; z-index: -1; width: 466px; height: 336px; top: 5px; left: 235px; background: #517800; overflow: hidden;}
.slider .pic_box .pic { position: absolute; z-index: 0; width: 466px; height: 336px; overflow: hidden;}
.slider .pic_box .pic ~ .pic { display: none;}
.slider .pic_box .pic img { vertical-align: top;}
.slider .bg { width: 100%; height: 100%; z-index: 0; background: url(slider_bg.png) no-repeat 0 0;}
.slider .txt_box { position: absolute; top: 68px; left: 18px; width: 205px; height: 160px; overflow: hidden; z-index: 1;}
.slider .txt_box .txt { position: absolute; z-index: 0; top: 0; left: 0; width: 100%; font-size: 12px; line-height: 15px; text-align: right; color: #FFF;}
.slider .txt_box .txt ~ .txt { display: none;}
.slider .txt_box .txt h2 { font-size: 20px; font-weight: bold; font-style: italic; margin: 0 0 21px;}
.slider .txt_box .txt h2 em { display: block; font-size: 12px; font-weight: normal; min-height: 0;}
.slider .txt_box .txt h2 .sh { text-shadow: 0 1px 0 #33470E;}
.slider .txt_box .txt h2 .ie_txt { color: #33470E;}
.slider .visit_site { top: 248px; left: 35px; position: absolute; z-index: 1;}
.slider .l_arr, .slider .r_arr { position: absolute; width: 24px; height: 26px; background: url(slider_arrs.png) no-repeat -30px 0; top: 28px; left: 136px; z-index: 1; cursor: pointer;}
.slider .l_arr { background-position: 0 0; left: 75px;}
.banners p а img {max-width:100%;}
.banners img {max-width:100%;}