﻿body{background:#dedbdb;}
.fs1{font-size:1rem;}
.top{ color:#231815; line-height:3rem; padding:0 2rem;}

.top img{display:block; float:left; width:100%;}

.menu_btn{width:3rem; height:2.5rem; cursor:pointer;}
.menu_btn span{ border-radius: 10px;  display: block; height: 3px; left: 50%; background-color:#333;  margin: auto auto auto -1rem; position: relative;
                 top: calc(50% - 3px); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); 
                 vertical-align: middle;   width: 2.4rem;}
.menu_btn.out .sp1{visibility: inherit; opacity: 1; transform: matrix(1, 0, 0, 1, 0, -6);}
.menu_btn.out .sp2{visibility: inherit; opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0);}
.menu_btn.out .sp3{visibility: inherit; opacity: 1; transform: matrix(1, 0, 0, 1, 0, 6);}
.menu_btn.on .sp1{visibility: inherit; opacity: 1; transform: matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, 3); transform-origin: center center 0px;}
.menu_btn.on .sp2{visibility: inherit; opacity: 0; }
.menu_btn.on .sp3{visibility: inherit; opacity: 1; transform: matrix(0.7071, -0.7071, 0.7071, 0.7071, 0, -3); transform-origin: center center 0px;}
/*菜单*/
.menubox{top:0; left:0; right:0; bottom:0;  display:none; text-transform:uppercase; z-index:999999; position:absolute; background:rgba(0,0,0,0.3)}
.menubox .gbbtn{top:0; left:0; right:0; bottom:0; }
.menubox .layout{z-index:99999; }
.menubox .menubox_main{top:0; left:0; width:100%; background:#777777;}
.menubox .menubox_main a{display:block; background:#777777; width:100%;  padding-left:30px; color:#fff; line-height:36px; border-bottom:1px #888 solid;
                          -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.menubox .menubox_main a.onnav{background:#2299ee;}
.menubox .menubox_main a:hover{background:#2299ee;}

.foot{background:#12870f; color:#fff; padding:2rem;}


.dptb{table-layout:fixed;}

#OtherAnNiu{background:#0f6aaf; margin-bottom:0.8rem;}
#OtherAnNiu .dptc{border-right:1px #fff solid; }
#OtherAnNiu .dptc:last-child{border:0px; text-align:center;}
#OtherAnNiu .dptc  a{display:block; color:#fff; text-align:center; padding:0.8rem 0;}
#OtherAnNiu .dptc .sp1{font-size:0.9rem;}
#OtherAnNiu .dptc .sp2{font-size:0.8rem; text-transform:uppercase}


.B_tt{padding:20px 0; color:#3fad3d}
.B_tt .cn{font-size:20px; text-align:center; line-height:1.2;}
.B_tt .en{text-align:center; font-size:13px; line-height:1.4; padding-top:10px; text-transform:uppercase;}
.B_tt .li{ height:2px; margin:0 10px; background-color:#3fad3d;}

.Index_ProductS{padding:10px 5px;}
.Index_ProductS .li{padding:5px;}
.Index_ProductS .li a{background:#fff; width:100%; }
.Index_ProductS .li .d2 {background-position:center center; background-repeat:no-repeat; background-size:contain; padding:10px;}
.Index_ProductS .li .d1{background:#3fad3d; padding:5px 10px; color:#fff; height:50px;}

.GongSiJianJie { background:#3fad3d url(../images/bg/bbg.png) 0 center no-repeat;}
.GongSiJianJie .lft{width:30%;  }
.GongSiJianJie .rit{width:70%; padding:0 20px 20px 20px;  color:#fff; }

.Index_NewsS{padding:10px 5px;}
.Index_NewsS .li{padding:5px;}
.Index_NewsS .li a{ width:100%;background-color:#fff;  }
.Index_NewsS .li .d2 {background-position:center center; background-repeat:no-repeat; background-size:cover;}
.Index_NewsS .li .d1{ padding:8px; color:#000; height:56px; font-size:14px; line-height:20px;}
.Index_NewsS .li .d3{ padding:0; color:#666; height:36px; font-size:13px; line-height:18px;}



#Lft_Side{margin-left:0px;width:100%; padding:0.5rem; float:left;}
#Lft_Side #YiJi_Name{display:none;}
#Lft_Side .ErJiList{float:left; width:100%;}
#Lft_Side .ErJiList a{ padding:0.5rem 1rem; float:left; width:auto !important;}
#Lft_Side .ErJiList a:hover{background:#3fad3d; color:#fff;}
#Lft_Side .ErJiList a.on{background:#3fad3d; color:#fff;}

#Rit_Side{margin-left:0px;width:100%; float:left;}
.Curr_WeiZhi{border-bottom:2px #ddd solid; height:40px; line-height:40px; color:#666;}
.Curr_WeiZhi a{color:#005ea6;}
.Curr_WeiZhi a:hover{text-decoration:underline;}


.DataList {padding-bottom:20px;}
.NewsLi {border-bottom:1px #ddd dotted; padding:10px 0; background:#fff;}
.NewsLi .img{width:10rem; height:6rem; display:block; float:left; overflow:hidden;}
.NewsLi .img img{float:left;}
.NewsLi .word{display:block; margin-left:10.5rem; padding-left:10px;}
.NewsLi .word .BiaoTi{display:block; font-size:1rem; line-height:1.5rem; padding-bottom:10px;}
.NewsLi .word .NeiRong{display:block; font-size:0.95rem; line-height:1.5rem; padding-bottom:5px; color:#555; height:3rem; overflow:hidden;}
.NewsLi .word .FaBu {display:block; line-height:20px;color:#999}
.NewsLi:hover{background:#f1f1f1;}     
.NewsLi:hover a.BiaoTi{color:#034171;}

.ImgLi{padding:0.5rem; width:50%; position:relative;}
.ImgLi .img{background-size:cover; background-position:center center; background-repeat:no-repeat;}
.ImgLi .img .BiaoTi {position:absolute; bottom:0; left:0; background:rgba(0,0,0,0.7); color:#fff; padding:10px;}
.ImgLi .img:hover{-moz-box-shadow: 0px 0px 10px #666666; -webkit-box-shadow: 0px 0px 10px #666666; box-shadow: 0px 0px 10px #666666;}


.WordLi {border-bottom:1px #ddd dotted; padding:10px 0; background:#fff;}
.WordLi .word{display:block; padding:5px;}
.WordLi .word .BiaoTi{display:block; font-size:16px; line-height:18px; padding-bottom:10px;}
.WordLi .word .NeiRong{display:block; font-size:14px; line-height:20px; padding-bottom:5px; color:#555}
.WordLi .word .FaBu {display:block; line-height:20px;color:#999}
.WordLi:hover{background:#f1f1f1;}     
.WordLi:hover a.BiaoTi{color:#034171;}

.InfoNR #BiaoTi{padding:10px; font-size:20px; color:#000; line-height:1.2; text-align:center;}
.InfoNR #FaBu_Time{ text-align:center; color:#999; padding-bottom:20px;}
.InfoNR #NeiRong{padding:10px;  font-size:13px; line-height:1.5}
.InfoNR #NeiRong *{max-width:100% !important;}


/*分页*/
.fy{width:100%; float:left; display:none; line-height:34px; padding:10px 8px;}
.fy .fy_l{float:left; width:100%; padding-bottom:10px; text-align:center;}
.fy .fy_r{float:right; width:100%;}
.fy .fy_r span{display:block; float:left;  height:34px; line-height:34px;}
.fy .fy_r span a{ display:block; float:left;  height:34px; line-height:34px; background:#ddd; padding:0 10px; margin-left:10px;-moz-transition: background 0.4s ease; -o-transition: background 0.4s ease; -webkit-transition: background 0.4s ease; transition: background 0.4s ease;}
.fy .fy_r span a:hover{background:#1991eb; color:#fff;}
.fy .fy_r span.dqy{margin-left:10px; height:34px; background:#ddd;  padding-left:10px;}
.fy .fy_r span.dqy select{display:block; float:right;height:34px;}


#BaoMing{max-width:100%; margin:0 auto; padding:20px 0;}
#BaoMing ul{display:block; float:left; width:100%; padding-bottom:15px;}
#BaoMing ul .li_01{width:100px; text-align:right; line-height:36px; float:left;}
#BaoMing ul .li_02{margin-left:100px; margin-right:20px; }
#BaoMing ul .li_02 input{ height:36px; line-height:32px; width:100%;}

