@charset"utf-8";
/*left*/
.content1 { width: 100%; background: url("../images/content1_bg.jpg") repeat-y;}
.content2 { width: 1200px; margin: 0 auto;  padding-top: 25px; padding-bottom: 120px;}
.left{ float:left; width: 250px; }
.left .left1{  margin-bottom: 20px; border: 1px solid #dedede; margin-bottom: 20px;}
.left .left1 h2{ height: 51px; width: 246px; text-align: center; background: url("../images/left_titlebg.jpg") no-repeat 1px 1px; margin-bottom: 3px;}
.left .left1 h2 .span1{ font-size: 18px;  color: #FFF; display: block; padding-top: 6px;}
.left .left1 h2 .span2 { font-size: 12px; font-family: Arial; color: #FFF; display: block;}
.left1 .introduction { width: 246px;}
.left1 .introduction ul li{ background: url("../images/left_nav.jpg") no-repeat 1px 1px; height: 41px; line-height: 41px; width: 246px; border-bottom: 1px solid #dedede; margin-top: 1px; padding-bottom: 3px;}
.left1 .introduction ul li a{ color: #333; display: block; font-size: 14px; height: 41px;}
.left1 .introduction ul li a span{  margin-left: 60px;}
.left1 .introduction ul li a:hover{ width:246px; height:41px; color: #FFF; background: url("../images/left_navhover.jpg") no-repeat 1px 1px;}
.left2 { width: 250px; height: 248px;}
.left2 img{ width: 250px; height: 51px; margin-bottom: 15px;}
.left2 .address { *float: left; *margin-top: 20px;}
.left2 p{ line-height: 24px; float: left; width: 250px;}
.left2 p a:hover { color: #196308;}
.left2 p img { width: 25px; height: 25px; float: left; margin-bottom: 20px;}
.left2 p span{ float: left; width: 213px; margin-left: 12px;}
.left2 p a { display: block;}
.left2 p a span { float: left; width: 213px; margin-left: 12px;}
.left1 .introduction ul .left_currentNav a { color: #FFF; width:246px; height:41px; color: #FFF; background: url("../images/left_navhover.jpg") no-repeat 1px 1px;}
/*right*/
.right{ float: right; width: 906px; margin-bottom: 30px;}
.right .rtitle{ width: 906px; height: 38px; }
.right .rtitle .grave_tag{ width: 27px; height: 33px; float: left; margin-top: 16px; margin-right: 5px; *margin-top: 30px;}
.right .rtitle .rtitle_nei { width: 873px; float: left; border-bottom: 1px solid #196308;}
.right .rtitle .rtitle_nei .tleft{ float: left; height: 36px; }
.right .rtitle .rtitle_nei .tleft span{ float:left; margin-top: 11px; margin-left: 11px; color: #333; font-size: 16px; *margin-top: 20px;}
.right .rtitle .rtitle_nei .tright{ float: right; height: 36px; line-height: 49px; color: #999; *position: relative; *top: 10px;}
.right .rtitle .rtitle_nei .tright img { width: 19px; height: 17px; margin-right: 15px; margin-top: 15px; float: left; }
.right .rtitle .rtitle_nei .tright a{  font-size: 12px; color: #999;  }
.right .rtitle .rtitle_nei .tright .current_title{ color: #333;}
.right .rtitle .rtitle_nei .tright a:hover{ color: #196308;}
.right .rcontent .nei{ width: 836px; margin-top: 10px; margin-left: 41px; float:left; line-height: 30px; font-size: 14px; }
.right .rcontent .nei img {  margin-bottom: 20px; }
.right .rcontent .nei a:hover { color: #196308;}
.right .rcontent_brief .brief_nei{ width: 836px; height: 405px; overflow: scroll; overflow-x: hidden; scrollBar-face-color:green; margin-top: 20px; margin-left: 41px; float:left; line-height: 30px; font-size: 14px; }
.right .rcontent_brief .brief_nei img {  margin-bottom: 20px; margin-top: 30px;}
.right .rcontent_brief .brief_nei a:hover { color: #196308;}
/*events*/
.right .rcontent .events { width: 844px; height: 381px; background: url("../images/event_bg.jpg") repeat-x; margin-left: 44px; margin-top: 33px;}
.right .rcontent .events .issues { width: 844px; height: 306px;}
.right .rcontent .events .issues h2 { font-size: 32px; color: #333; width: 378px; float: left; height: 34px; margin-left: 21px; margin-top: 8px; margin-bottom: 26px;}
.right .rcontent .events .issues p { width: 378px; line-height: 30px; font-size: 14px; margin-left: 21px; margin-top: 28px;}
.right .rcontent .events .issues img { width: 394px; height: 296px; float: right; margin-top: 18px; margin-right: 15px;}
.right .rcontent .events .date { width: 818px; margin-left: 15px; margin-top: 15px;}
.right .rcontent .events .date li { width: 47px; height: 21px;  float: left; text-align: center; line-height: 20px; margin-right: 10px;}
.right .rcontent .events .date li a { font-size: 14px; color: #333; width: 47px; height: 21px; display: block}
.right .rcontent .events .date li a:hover { background: #a67836; color: #FFF;}
.right .rcontent .events .date li .currentDate { background: #a67836; color: #FFF;}

/*zizhizhengshu*/
.rylist{float: left; width: 873px;}
.rylist .rycp{  float: left; text-align: center; margin-top: 42px; margin-right: 99px; *margin-right:0px; *margin-left: 50px; width: 225px;}
.rylist .rycp a img { height: 140px; padding: 7px;}
.rylist .rycp .mt{ display: block; vertical-align: middle; overflow: hidden; text-align: center; border:1px solid #ccc;}
.rylist .rycp p{ height: 26px; line-height: 26px;}
.rylist .rycp p a{ color: #666;}
.rylist .rycp p a:hover{ color: #196308;}

/*video*/
.rylist1{float: left; width: 873px; *margin-left: 10px;}
.rylist1 .rycp1{  float: left; text-align: center; margin-top: 42px; margin-right: 16px; width: 206px; *margin-right: 0px; *margin-left: 9px;}
.rylist1 .rycp1 a { display: block;}
.rylist1 .rycp1 a img { height: 132px}
.rylist1 .rycp1 .mt{ display: block; vertical-align: middle; overflow: hidden; text-align: center}
.rylist1 .rycp1 h2{ height: 33px; line-height: 33px; text-align: left; }
.rylist1 .rycp1 h2 a{ color: #666; display: block; padding-left: 18px; font-weight: bold; font-size: 14px;}
.rylist1 .rycp1 p { width:206px; height: 97px; text-align: left;}
.rylist1 .rycp1 p a span { float: left; margin-left: 10px; margin-top: 24px; color: #565656; font-size: 14px;}
.rylist1 .rycp1:hover h2 a{ background: #a67836; color: #FFF;}
.rylist1 .rycp1:hover p { background: #a67836;}
.rylist1 .rycp1:hover p a span { color: #fff;}
.last_cp { margin-right: 0!important;}
.rcontent embed { margin-left: 120px; margin-top: 50px; width: 600px; height: 400px;}
.rcontent .embed_jj {margin: 0 auto; font-size: 14px; line-height: 32px; width: 600px;}
/*wp-pagenavi*/
.wp-pagenavi { CLEAR: both; text-align: center; }
.wp-pagenavi A { BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: underline;}
.wp-pagenavi SPAN { BORDER-RIGHT: #bfbfbf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bfbfbf 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; MARGIN: 2px; BORDER-LEFT: #bfbfbf 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #bfbfbf 1px solid; TEXT-DECORATION: underline;}
.wp-pagenavi A:hover { BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000;}
.wp-pagenavi SPAN.current { BORDER-LEFT-COLOR: #000; BORDER-BOTTOM-COLOR: #000; BORDER-TOP-COLOR: #000; BORDER-RIGHT-COLOR: #000;}
.wp-pagenavi SPAN.current { FONT-WEIGHT: bold;}
/*pageNavi*/
.pageNavi{ width: 874px; float: right; margin-top: 32px;}
.pageNavi a { text-decoration: underline;}
.pageNavi a:hover { text-decoration: underline;}
.pageNavi_shouji { width: 100%; float: left; margin-top: 2rem;}
.pageNavi_shouji a { text-decoration: underline;}
.pageNavi_shouji a:hover { text-decoration: none;}
.pageNavi_shouji .wp-pagenavi  { line-height: 2.8rem;}

/*productlist*/
.productlist { width: 873px; float: right}
.productlist .pr_nei { margin-top: 46px; height: 192px; margin-left: 11px; float: left; border-bottom: 1px solid #dedede; position: relative; padding-bottom: 22px;}
.productlist .pr_nei img { float: left;}
.productlist .pr_nei .jieshao { width: 445px; float: left; margin-left: 18px; }
.productlist .pr_nei .jieshao h3 { font-size: 14px; color: #333; font-weight: bold; margin-bottom: 21px;}
.productlist .pr_nei .jieshao p { width: 445px; line-height: 26px; font-size: 12px;}
.productlist .pr_nei .jieshao .xq { display: block; float: left; background: #a67836; width: 96px; height: 29px; text-align: center; line-height: 30px; color: #FFF; font-size: 12px; position: absolute; bottom: 21px;}
.product_nei { width: 810px; margin-left: 65px; margin-top: 38px;}
.product_nei h2 { font-size: 16px; color: #333; height: 42px; line-height: 42px; text-align: center;}
.product_nei p { font-size: 14px; color: #565656; line-height: 30px;}

/*productlist1*/
.productlist1 { width: 860px; float: right; margin-top: 46px;}
.productlist1 .pr_nei1 {  width: 200px; height: 250px; margin-right: 122px; *margin-right:18px; float: left; margin-bottom: 60px;}
.productlist1 .pr_nei1 a { display: block;}
.productlist1 .pr_nei1 a img { float: left; width: 200px; height: 250px;}
.productlist1 .pr_nei1 a h3 { float: left; width: 200px; text-align: center; font-size: 14px; color: #333; font-weight: bold; margin-top: 8px;}
.productlist1 .pr_nei1 a:hover h3 { color: #196308;}


/*product*/
.product { width: 873px; float: right; margin-top: 32px;}
.product img { float: left;}
.product p { width: 580px; float: left; margin-left: 25px;}

/*newslist*/
.newslist { width: 873px; float: right; margin-top: 20px;}
.newslist ul li { width: 853px; height: 104px; margin-left: 6px; border-bottom: 1px solid #dedede; padding-top: 18px; padding-bottom: 18px;}
.newslist ul li:hover { background: #a67836;}
.newslist ul li:hover h3,.newslist ul li:hover h3 a,.newslist ul li:hover p,.newslist ul li:hover span,.newslist ul li:hover p a { color: #FFF;}
.newslist ul li h3 { width: 840px; height: 32px; line-height: 32px; float: right; text-align: left; font-size: 16px;  color: #333;}
.newslist ul li h3 a { font-size: 16px; color: #333;}
.newslist ul li p { width: 840px; height: 45px; float: right; margin-top: 6px; line-height: 24px;  font-size: 14px; }
.newslist ul li p a { font-size: 14px; }
.newslist ul li span { float: right; margin-right: 22px; margin-top: 10px;}

/*news*/
.news{ width: 840px; margin-top: 30px; margin-left: 33px;}
.biaoti{ border-bottom: 1px solid #dedede; height: 40px; line-height: 40px; text-align: center; font-weight: bold; font-size: 16px; color: #333;}
.nei1{margin-top: 30px;  margin-bottom:70px; line-height: 30px; font-size: 14px;}
#xgxinwen{ border:1px #196308 solid;color:#565656;font-weight:bold; height:26px; line-height:26px; font-size:16px; text-align:left; text-indent:12px; display:table; margin-top:18px; width:873px;}
.upnexttitle{font-size:14px; color:#666; height:22px; line-height:24px; margin-top:8px; text-align:left; text-indent:6px;}
.upnexttitle a { font-size: 14px;}
.nei1 img { width: 100%; }
/*sitemap*/
table tr a {}
table tr a:hover{ color:#196308;}


@media all and (min-width: 0) and (max-width: 767px){
.content1 { width: 100%; margin: 0 auto; background: none!important; }
.content2 { width: 100%; line-height: 2.8rem; padding-bottom: 5rem!important; background: none!important; padding-top: 0!important;}
.right{ float: right; width: 100%; margin-bottom: 3rem;}
/*zizhi*/
    .rylist,.rylist1 { width: 100%}
    .rylist .rycp { width: 45%!important; margin-left: 3%; margin-right: 0;}
    .rylist .rycp .mt { border: none;display: block;}
    .rylist .rycp a img { width: 100%; height: 10rem;}
    .rylist .last_cp { }
    .rylist1 .rycp1 { width: 45%!important; margin-left: 1.1rem; margin-right: 0!important;}
    .rylist1 .rycp1 a { display: block}
    .rylist1 .rycp1 a img { height: 11rem}
	.rylist1 .rycp1 h2 a{ font-size: 1.4rem; padding-left: 0;}
    .rylist1 .rycp1:hover h2 a { background: none; color: #666}
    .pageNavi { width: 100%; line-height: 2.8rem;}

	.right .rtitle { width: 100%!important;}
	.right .rtitle .rtitle_nei { width: 80%;}
	.right .rtitle .grave_tag { margin-left: 3%;}
    /*productlist*/
    .productlist { width: 100%; float: right}
    .productlist .pr_nei {width: 92%; margin-top: 16px; height: 9.5rem; margin-left: 4%; float: left; border-bottom: 1px dashed #dedede; position: relative; padding-bottom: 0;}
    .productlist .pr_nei img { float: left; width: 35%!important; height: 8.3rem;}
    .productlist .pr_nei .jieshao { width: 61%; float: left; margin-left: 4%; margin-top: 0.5rem;}
    .productlist .pr_nei .jieshao span { font-weight: bold; margin-top: 12px; display: none;float: left;}
    .productlist .pr_nei .jieshao p {  line-height: 24px; width: 100%; float: right; margin-top: 8px;}
    .productlist .pr_nei .jieshao h3 { font-size: 14px; color: #333; font-weight: bold;}
    .productlist .pr_nei .jieshao a { position: absolute; bottom: 30px;}
    .productlist .pr_nei .jieshao .xq { display: block; float: left; background: #a67836; width: 22%; height: 2.2rem; text-align: center; line-height: 2.2rem; color: #FFF; font-size: 14px; font-weight: bold; position: absolute;top: 9.5rem;}
    .productlist .pr_nei .jieshao .xq:hover { background: #2385e1; color: #FFF;}

    /*productlist1*/
    .productlist1 { width: 100%;}
    .productlist1 .pr_nei1 { width: 43%; height: 16rem; margin-right: 0!important; margin-left: 1.8rem;}
    .productlist1 .pr_nei1 a img { width: 100%; height: 16rem;}
    .productlist1 .pr_nei1 a h3 { width: 100%; line-height: 1.6rem;}

    /*product*/
    .product { width: 100%;}
    .product img { width: 50%; margin-left: 8rem;}
    .product p { width: 96%; margin-left: 2%!important; margin-top: 3%;}

    /*video*/
    .content1 { width: 100%!important;}
    .rcontent { width: 100%!important;}
    .rcontent .nei { width: 92%!important; margin-top: 2rem; margin-left: 4%!important; font-size: 1.6rem!important;}
    .rcontent embed { width: 90%!important; height: 288px!important; margin-left: 5%!important; margin-bottom: 1rem;}
    .rcontent .embed_jj { width: 92%!important;}
    .rcontent .nei img { width: 84%!important}
    .rcontent .nei table { width: 98%!important; margin-left: 1%!important;}
    .rcontent .nei p { width: 100%!important; font-size: 1.6rem!important}
    .rcontent_brief { width: 100%!important;}
    .rcontent_brief1 .brief_nei1 { float: left; width: 92%!important; margin-top: 2rem; margin-left: 5%!important; font-size: 1.6rem!important; height: auto!important; padding: 0!important;}
    .rcontent_brief1 .brief_nei1 p { width: 100%!important; }


    /*dashiji*/
    .events { width: 92%!important; height: auto!important; margin-left: 4%!important; background: none!important; float: left;}
    .right .rcontent .events .issues { width: 96%!important; margin: 0 auto; float: none!important; height: auto!important;}
    .right .rcontent .events .issues img { width: 100%!important;margin: 0!important; height: auto!important}
    .right .rcontent .events .issues p { width: 100%; float: left; margin: 0!important;}
    .right .rcontent .events .issues h2 { width: 100%!important; margin-bottom: 0!important}
    .right .rcontent .events .date { width: 100%; float: left;}
    .right .rcontent .events .date li { margin-right: 1rem}

    /*newslist*/
    .newslist { width: 100%;}
    .newslist ul li { width: 100%; margin-left: 0!important; padding: 0; height: auto!important; float:left; padding-top: 5px;}
    .newslist ul li h3 { width: 92%; height: auto!important; line-height: 2.4rem!important; float: left; margin-left: 4%;}
    .newslist ul li p { width: 92%; height: auto!important; margin-top: 0!important; margin-left: 4%; float: left;}
	.newslist ul li span { color: #999; margin-top: 0}
    .biaoti { height: auto!important; line-height: 2.4rem!important;}
    #xgxinwen { width: 100%!important; border: none!important;}

    /*news*/
    .news {width: 100%; margin-top: 2rem; margin-left: 0;}
    .news .nei1 { line-height: 28px; font-size:1.6rem; width: 100%!important; margin-top: 1.6rem!important; float:left;}
    .news .nei1 p { width: 92%; margin-left: 5%;}

    /*grave_environment*/
    .productlist .pr_nei .jieshao .xq { top: 6rem!important;}
    .product_nei { width: 94%; margin-left: 2%!important;}

    /*sitemap*/

    #dituContent { height: 20rem!important; margin-left: 3rem!important;; width: 80%!important;;}

}