@charset "utf-8";
body,*{margin:0;padding:0;font-family:Microsoft Yahei; font-size:32px; color:#333;}
li{list-style:none;}
a{text-decoration:none;color:#333; cursor:pointer;}
a:hover{color:#c00;}
img{border:0 none;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input{margin:0;padding:0;}
img{border:none;}
li{list-style:none;}
input,select,textarea{outline:none;}
textarea{resize:none;}
a{text-decoration:none; cursor:pointer;}
a:hover {color:#09f;}

h1 {  display: none; width:100%; height:3rem;  color:#fff; border-bottom: 1px #ececec solid; font-weight:normal; line-height:3rem; }
h2 { height: 3rem; line-height: 3rem; width: 96%; margin: 0 3%; font-size: 1.2rem; color: #209b74; font-weight: normal; background: url(/i/web/images/h2_bg.png) no-repeat bottom left; background-size:25%; margin-bottom: 15px;}
h2 span { font-size:0.875rem; padding-left: 10px;color: #209b74; }
h2 a { float: right;  color: #999;font-size:0.875rem;  line-height:3rem;}
h2 a:hover {color:#ee7d2b;}
h3 {  text-align: center; font-size: 1.2rem; background-color: #209b74; width: 50%; height: 80px; margin: 0 auto; padding: 20px 0;  line-height: 40px; color: #fff; font-weight: normal;}
h4 { width: 100%; text-align: center; height: 105px; background: #fefffa; color: #ee7d2b; font-weight: normal; font-size: 1.2rem; line-height: 105px;}
h5 { width: 100%; font-size: 0.875rem; line-height: 2.85rem; color:#333 ; font-weight: normal; margin: 0 auto;}


/*top*/
.top { width:100%; background:url(/i/web/images/logo_m.png)   center 10px no-repeat; background-size: 140px; padding-top: 160px; border-bottom: 2px solid #209b74; margin-bottom: 20px;}
header {  width:100%;   margin:0 auto; height:120px;}
nav {  clear: left; border-top: #ececec 1px solid; width: 100%; display: block; height: 120px;
    overflow-x:auto;/*自动出现滚动条，如果要出现竖直滚动条则改成：overflow-y:auto，如果横向出现滚动条则改成：overflow-x:auto*/
    scrollbar-face-color:#F00;/*滚动条凸出部分的颜色(前景色),包括两端的方形按钮、水平或竖直滑动的滑块的颜色*/
    scrollbar-track-color:#FFF;/*滚动条的背景颜色,如果省略的话将出现虚点，颜色将采用face-color的颜色*/
    scrollbar-arrow-color:#FFF;/*按钮(上下或者左右可以点击使滑块滚动的方形按钮)上三角箭头的颜色*/
    scrollbar-3dlight-color:#0F0;/*滚动条亮边的颜色,形成3D效果，有层次感，肉眼观察在滚动条左边及上边出现一条有色线（竖直方向滚动）*/
    scrollbar-darkshadow-color:#00F;/*滚动条强阴影的颜色,肉眼观察出现滚动条下边及右边*/
    scrollbar-highlight-color:#F0F;/*滚动条空白部分的颜色,肉眼观察改变不明显，具体颜色改变出现在左边和上边空白处，介于face-color效果与3dlingt-color效果之间有个空白颜色（默认为白色）。此外，滚动条前景色有种凹陷的感觉，周边线条颜色凸起*/
    scrollbar-shadow-color:#006600;/*立体滚动条阴影的颜色，具体出现在滑块及方形按钮的右边及下边，形成阴影效果，颜色介于face-color效果和darkshadow-color效果之间，不是很明显*/
    scrollbar-base-color:#0f0;/*滚动条的基本颜色,当前面7个效果出现时，滚动条基本颜色设置肉眼很难观察到，如果不设置前面7个效果,系统将根据base-color自动设置，其中前景色，背景色(虚点表示)颜色一致，其他效果(阴影以黑色填充),没有什么要求时，建议不设置此效果*/
    /*
    scrollbar-face-color:#F00;
    scrollbar-track-color:#FFF;
    scrollbar-arrow-color:#FFF;
    这3个效果建议必须设置
    */}
nav ul { height: 120px; width: 120%;}
nav li { float:left; padding-left:30px; height: 120px; line-height: 120px;}
nav li a {font-size:1.4rem; color:#209b74;}
nav li a:hover { color: #ee7d2b;}
nav li a.visit {color: #ee7d2b;}

/*banner*/
.g-mn{margin:0 auto;max-height:410px; width: 100%; padding-bottom: 50px;;}
.m-slide{position:relative;overflow:hidden;max-width:100%;max-height:100%; padding-bottom: 50px;;}
.m-slide .bd{position:relative;z-index:0}
.m-slide .bd li{position:relative;text-align:center}
.m-slide .bd li img{background:url() center center no-repeat;width:100%}
.m-slide .hd{position:absolute;width:auto;height:18px; line-height:18px;bottom:0;left:50%;margin-left:-102px;z-index:1;text-align:center;-webkit-border-radius:4px;border-radius:4px; z-index: 99999999;}
.m-slide .hd li{display:inline-block;width:60px;height:18px;text-indent:-9999px;overflow:hidden;margin:6px 4px;background-color:#ee7d2b;}
.m-slide .hd li.on{background-color:#209b74;width:60px;height:18px;}
.g-nav{background:#fff;margin:5px;width: 96%;margin:0 auto;}
.g-nav ul{display:-webkit-box; }
.g-nav ul li{-webkit-box-flex:1;border-right:1px solid #eee;padding:10px 0;text-align:center}
.g-nav ul li a{text-decoration:none;color:#666;font-size:14px;}
.g-nav .AppFonts{width:58px;height:55px;text-align:center;line-height:55px;margin:0 auto;color:#fff;font-size:45px;}
.g-nav ul .nav01 .AppFonts{color:#ee9076}
.g-nav ul .nav02 .AppFonts{color:#f6b55a}
.g-nav ul .nav03 .AppFonts{color:#a8d590;font-size:55px}
.g-nav ul .nav04 .AppFonts{color:#4dbfef}
.jian{width: 100%; background-color: #fff; position: relative; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; overflow:hidden;}
.g1{color:#fff;width: 48%;position: relative;float: left;}
.tu img{vertical-align:middle; width:50%; height:auto;}
.tu h3{font-size: 14px;line-height: 22px;font-weight: bold;}
.tu span{font-size:12px; line-height:16px;}
.tu{padding: 0.9rem 0.6rem;float: left; height: 90px;}

/*牛舍展示*/
.niushe {  height: auto; overflow: hidden;  border-top: #ececec 1px  solid; padding-bottom: 20px;}
.niushe .niushe01 { width: 100%; height:auto; margin: 0 auto; }
.gundong01 { width:100%; height:auto;}
.scroll_div01 {margin:0 auto;padding-bottom: 50px;overflow: hidden;white-space: nowrap;background:#ffffff;}
.scroll_div01 ul li img {width:380px;border: 0;}
.gundong01 ul li { width: 380px; padding:  0 20px 52px 0; height:;  text-align: center; position: relative; }
.gundong01 ul li div {position: absolute; bottom: 2px; left: 0; text-align: center; width: 380px; font-size: 1.2rem; height:50px; line-height: 46px; border-bottom: #efefef 1px solid; border-left: #efefef 1px solid; border-right: #efefef 1px solid;}
#scroll_begin01, #scroll_end01, #scroll_begin01 ul, #scroll_end01 ul, #scroll_begin01 ul li, #scroll_end01 ul li {display:inline;} 

/*了解我们*/
.about { width: 100%; background: #209b74 ; padding: 20px 0 0 0;}
.aboutus {width: 94%; margin: 0 auto;position: relative; font-size: 1.1rem;}
.about h2 {  text-align: center; color: #fff;background: url(/i/web/images/h2_bg01.png) no-repeat bottom center; font-size: 1.2rem;  height: 80px; line-height: 80px;}
.about h2 span { color: #fff; font-size: 0.875rem;}
.aboutus p { color: #fff; font-size: 1.2rem !important ; max-height: 999999px;  padding: 10px 0 ; text-indent: 2rem; line-height: 1.6rem;}
.aboutus a { color:#fff ; }
.aboutus a div{ color: #fff; width: 100%; text-align: center;  height: 80px; line-height: 80px; }
.aboutus .video { width: 100%; margin: 0 auto;background:#000; }
.aboutus .video video { width: 100%;}

/*新闻资讯 隐藏*/
.news { width: 100%;height: auto; overflow: hidden; padding-bottom: 20px; display: none;}
.new { width: 94%; margin: 0 auto;}
.new .new_left table { width: 100%; border-bottom: #ececec 1px solid; padding: 30px 0;  }
.new .new_left table tr td.td01 { font-size:0.9rem; color: #333;;}
.new .new_left table tr td.td02 { font-size:1.2rem; color: #333; }
.new .new_left table tr td.td03 { font-size:0.9rem; color: #999;}
.new .new_left table tr td.td04 { font-size:0.875rem; color: #999; line-height: 1rem;}
.new .new_right ul li { width:46%; padding: 0 2%;   float: left; position: relative;}
.new .new_right ul li img { width: 100%; margin-bottom: 10px;}
.new .new_right ul li div { width: 96%; padding-left: 10px 2%; height:2rem; line-height: 2rem; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;line-height: 30px; color: #333; }
/*新闻资讯 隐藏 end*/
/*新闻资讯_释放*/
.news_m { width: 100%;height: auto; overflow: hidden; padding-bottom: 20px;}
.news_m ul {width: 94%;padding: 2% 3%;}
.news_m ul li .pic { width: 31%;  margin-right: 3%;display: inline-block;  float: left;}
.news_m ul li .tit { width: 66%; float: left; color: #666; font-size: 1.2rem;}
.news_m ul li .Time {  float: left;  color: #8e8e8e; font-size: 0.875rem;}
.news_m ul .newli-in {overflow: hidden; width: 100%; padding: 15px 0; color: #333;}
.news_m ul li img { width: 100%;}
/*新闻资讯_释放 end*/


/*底部*/
.footer { width: 100%;background-color:#464646 ; height: auto;}
.footer .bottom { height: auto;   text-align: center;color: #fff;}
.t-width, .t-width1 { margin-left: auto;  margin-right: auto;}
.t-width { width: 100%;}
.footer .bottom .t-link { word-break: keep-all; height: 85px; display: block;}
.footer .bottom .t-link ul {  display: inline;}
.footer .bottom .t-link ul li {display: inline; line-height: 85px; font-size:  0.875rem; white-space: nowrap;}
.footer .bottom .t-link a { margin: 0 30px;color:#fff;}
.footer .bottom .t-link {  word-break: keep-all;}
.footer .bottom .t-content .t-copyright { margin: 0 80px;  border-top: 1px solid hsla(0,0%,100%,.3);}
.footer .bottom .t-copyright { line-height: 130px;font-size:  0.875rem; padding: 40px 0;}
.footer .bottom .t-copyright span { margin: 0 10px;color:#999; font-size:  0.875rem; line-height: 40px;}
.footer .bottom .t-copyright span a { color: #999; font-size: 0.875rem;}
.footer .bottom .t-copyright span a:hover { color: #fff; }