body{margin: 0;padding: 0;}
a,span{text-decoration: none;}
ul,li{margin: 0;padding: 0;list-style: none;}
i{font-style: normal;}p{margin: 0;padding: 0;}
a:hover{text-decoration: none;}


.geet{background-color: #61BC1C;}
.geet .container span{color: #fff;display: block;float: left;padding: 0.5% 0;font-size: .6rem;}
.nav{margin-bottom: 1.5%;}
.nav .logo{width:20%;margin-top:1.5%;display: block;float: left;}
.nav ul{float: right;margin-top: 4%;width: 75%;}
.nav ul li{float: left;margin-left: 2%;font-weight:700;}
.nav ul li a{display: block;position: relative;font-size: 1.8rem;text-decoration: none;color: #141414;-webkit-transition: color .2s ease-in-out;transition: color .2s ease-in-out;}

.nav ul li a:hover{color: #009688;}
.nav ul li a:hover:before {width: 100%;}
.nav ul li a:before {-webkit-transition: width .2s ease-in-out;transition: width .2s ease-in-out;}
/*
.nav ul li a span{display: block;padding: 5% 0;text-align: center;font-size: 16px;}
.nav ul li a i{text-align: center;display: block;font-size: .7rem;letter-spacing: 1px;}
.nav ul li:hover{background: url("../images/nr2.png")no-repeat 100% 100%;}
.nav ul li a i:hover{color: #fff;}

*/


.middle{background-color: #FAFAFA;margin-top: 2%;margin-bottom: 2%;}
.conce{width: 100%;height: auto;overflow: hidden;border-bottom: 1px solid #DCDCDC;padding-bottom: 2%;}
.conce i{width: 15px;height: 15px;display: block;float: left;background-color: #61BC1C;margin-top: 1%;margin-right: 1%;}
.conce h3{display: block;float: left;margin: 0;color: #515151;}
.ours{width: 100%;height: auto;overflow: hidden;padding-top: 4%;}
.ours img{display: block;width: 100%;}
.ours p{display: block;font-size: 13px;color: #747474;padding-top: 3%;line-height: 20px;}
.ours a{display: block;text-align: center;color: #fff;font-size: 15px;background-color: #61BC1C;width: 14%;padding: 0.5% 0;margin-top: 4%;}

.product{width: 100%;height: auto;overflow: hidden;padding-top: 4%;}
.product .thumbnail{border:1px solid #DFDFDF;border-radius:0px;}
.product .thumbnail:hover{border:1px solid #DFDFDF;}

.footer{width: 100%;height: auto;overflow: hidden;background-color: #61BC1C;padding: 3% 0;}
.footer .touch{float: left;margin-left: 2.7%;}
.footer .touch p{display: block;border-bottom: 1px solid #fff;color: #fff;width: 100%;height: auto;overflow: hidden;margin-bottom: 5%;}
.footer .touch p span{display: block;border-bottom: 1px solid #ffffff;float: left;margin-bottom: 0;padding-bottom: 1%;font-size: 16px;}
.footer .touch span{display: block;margin-bottom: 1%;color: #fff;font-size: 14px;}
.footer .touch .shut{width: 70%;margin: 0 auto;}
.footer .touch .serv{width: 43.4%;margin: 5% 15%;}
.footer .touch .serv img{display: block;}
.footer .touch .serv span{display: block;text-align: center;font-size: 12px;margin-top: 10%;}
.leav{margin-bottom: 3%;display: block;border-bottom: 1px solid #fff;color: #fff;width: 100%;height: auto;overflow: hidden;}
.leav span{display: block;border-bottom: 1px solid #ffffff;float: left;margin-bottom: 0;padding-bottom: 1%;font-size: 16px;}
.mode{float: left;width: 35%;height: auto;overflow: hidden;}
.mode input{margin-bottom: 5%;padding-left: 2%;font-size: 14px;height: 30px;outline: none;}
::-webkit-input-placeholder{color: #000000;}
.stay{float: right;width: 65%;height: 105px;background-color: #fff;resize: none;outline: none;padding-left: 1%;}
.subm{width: 100%;height: auto;overflow: hidden;margin-top: 4%;float: left;}
.sub{float: left;width: 20%;height: 30px;text-align: center;background-color: #fff;color: #000000;font-size: 14px;outline: none;border: none;}


.classic{width: 100%;height: auto;overflow: hidden;padding-top: 3%;background-color: #fff;}
.classic .centre{text-align: center;}
.classic .centre span{font-size:24px;color: #272729;}
.classic .centre p{color: #9C9C9C;}
.classic .gdpanel{width:100%;}
.classic ul{width: 100%;height: auto;overflow: hidden;margin-top: 2%;}
.classic ul div p{float: left;width: 25%;height: auto;overflow: hidden;background-color: #f7f7f7;margin-bottom: 2%;}
.classic ul div p a{display: block;width: 94%;height: auto;overflow: hidden;background-color: #fff;}
.classic ul div p a img{width: 100%;height: 100%;}
.classic ul div p a span{padding: 5% 0;display: block;color: #5D5D5D;text-align: center;font-size: 14px;border: 1px solid #E8E8E8;border-top: none;background-color: #fff;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}


.newly{width: 100%;height: auto;overflow: hidden;padding-top: 3%;background-color: #F7F7F7;padding-bottom: 3%;}
.newly .news{width:60%;height: auto;overflow: hidden;float: left;}
.newly .news .news-head{width: 100%;height: auto;overflow: hidden;}
.newly .news .news-head span{font-size: 18px;display: block;float: left;color: #272729;font-weight: bold;}
.newly .news .news-head i{display: block;float: left;width: 72%;height: 1px;border: 1px solid #DADADA;margin: 0 4.5%;margin-top: 2%;}
.newly .news .news-head a{width: 20px;height: 20px;border: 1px solid #606060;display: block;float: left;font-size: 14px;color: #090909;text-align: center;}
.newly .news>ul{width: 100%;height: auto;overflow: hidden;margin: 2% 0;}
.newly .news ul li{float: left;font-size: 14px;margin-right: 5%;}
.newly .news ul li span{color: #6A6A6A;cursor: pointer;}
.newly .news ul li span.any{color: #54B66B;}
.nova{width: 100%;height: auto;overflow: hidden;margin-top: 4%;}
.nova span{display: block;float: left;width: 30%;height: auto;overflow: hidden;}
.nova span img{width: 100%;height: 100%;}
.nova ul{width: 66%;height: auto;overflow: hidden;float: right;}
.nova ul li{width: 100%;height: auto;overflow: hidden;margin-bottom: 4%;}
.nova ul li>span{display: block;float: left;width: 13%;height:41px;overflow:hidden;border-right: 1px solid #DADADA;padding-right: 2%;}
.nova ul li>span i{display: block;color: #272729;font-size: 12px;}
.nova ul li a{display: block;width: 85%;float: right;color: #737373;font-size: 12px;}
.nova ul li a h5:hover{color: #54B66B;}
.nova ul li a h5{display: block;font-size: 12px;margin: 0;margin-bottom: 2%;margin-top: 1%;overflow: hidden;  text-overflow:ellipsis;  white-space: nowrap;}
.nova ul li a p{overflow: hidden;  text-overflow:ellipsis;  white-space: nowrap;}

.mess{float: right;width: 35%;height: auto;overflow: hidden;}
.mess .news-head{width: 100%;height: auto;overflow: hidden;}
.mess .news-head span{font-size: 18px;display: block;float: left;color: #272729;font-weight: bold;}
.mess .news-head i{display: block;float: left;width: 60%;height: 1px;border: 1px solid #DADADA;margin: 0 4.5%;margin-top: 2.5%;}
.mess .news-head a{width: 20px;height: 20px;border: 1px solid #606060;display: block;float: left;font-size: 14px;color: #090909;text-align: center;}
.stayxt{width: 100%;height:340px;position: relative;margin: 4% 0;overflow: hidden;}
.stayxt ul{width: 100%;height: auto;}
.stayxt ul li{width: 100%;margin-bottom: 1%;}
.stayxt ul li a{display: block;color: #272729;font-size: 13px;line-height: 22px;}
.stayxt ul li a.uon{color: #54B66B;}



/***产品中心**/

.product .thumbnail span{text-align: center;display: block;color: #6D6D6D;padding-top: 1%;padding-bottom: 4%;font-size: 14px;}

.concer h3{font-size: 14px;float: left;}
.core{border:1px solid #DCDCDC;padding: 3% 3%;border-top: 2px solid #61BC1C;}
.place{float: right;}
.place a{margin-top: 20px;display: block;float: left;color: #8B8B8B;font-size: 12px;}
.place span{float: left;display: block;margin-top: 20px;color: #8B8B8B;font-size: 12px;}

.breed{width: 25%;height: auto;overflow: hidden;float: left;}
.yield{width: 100%;height:auto;overflow: hidden;margin-bottom: 12%;margin-top: 4%;}
.gra{width: 100%;height: auto;overflow: hidden;background-color: #61BC1C;color: #fff;font-size: 16px;display: block;padding:5% 0;padding-left: 5%;}
.gra:hover{color: #fff;}
.yield ul{width:100%;height: auto;overflow: hidden;border:1px solid #DDDDDD;border-top: none;}
.yield ul li{width: 100%;font-size: 14px;}
.yield ul li a.pick{color: #61BC1C;}
.yield ul li a{display: block;color: #595959;border-top: 1px solid #DDDDDD;padding: 5% 0;padding-left: 8%;}
.yield ul li a:hover{color: #61BC1C;}
.yield ul li a i{font-size: 16px;display: block;float: right;padding-right: 8%;}



.join{width: 100%;height:auto;overflow: hidden;}
.join .sys{width:100%;height: auto;overflow: hidden;border:1px solid #DDDDDD;border-top: none;padding-bottom: 10%;}
.join .sys img{display: block;width: 90%;margin: 8% auto;}
.join .sys p{display: block;font-size: 14px;color: #595959;width: 88%;margin: 0 auto;margin-bottom: 2%;}

.page{width: 100%;height: auto;overflow: hidden;text-align: center;margin-top: 5%;}
.page a{color: #555555;text-align: center;display: inline-block;font-size: 14px;padding: 1.5% 2%;background-color: #F3F3F3;margin: 0 0.5%;text-decoration: none;}
.page .up{color: #555;background-color: #D7D7D7;}



/***关于我们**/
.map{display: block;width: 80%;margin: 1% auto;}
.core p{width: 95%;height: auto;overflow: hidden;display: block;margin: 0 auto;color: #5A5A5A;font-size: 14px;padding-top: 3%;line-height: 24px;}
.core p img{width:100%;}
.join ul li{width:100%;height: auto;overflow: hidden;}
.join ul li a{color: #747474;font-size: 13px;}
.join ul li a i{display: block;float: left;font-size: 20px;}
.join ul li a span{overflow: hidden;  text-overflow:ellipsis;  white-space: nowrap;width: 89%;display: block;float: left;margin-top: 2%;}
.join .syse{width:100%;height: auto;overflow: hidden;border:1px solid #DDDDDD;border-top: none;padding-bottom: 7%;padding-top: 7%;}
.join ul li a:hover{color: #61BC1C;}


/**新闻列表**/


.core a{display: block;width: 100%;height: auto;overflow: hidden;border-top: 1px solid #AAAAAA;}
.core a:first-child{border-top: 0;}
.rank{width: 90%;height: auto;overflow: hidden;padding: 2% 0;margin: 0 auto;}
.rank img{display: block;width: 27%;float:left;}
.surf{width: 70%;height: auto;overflow: hidden;float: right;}
.surf h5{display: block;color: #595959;}
.surf span{font-size: 12px;color: #959595;display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3; overflow: hidden;}



/**新闻内容***/
.core h3{display: block;text-align: center;color: #3C3C3C;font-size: 20px;margin-top: 0;}
.hour{width: 100%;height: auto;overflow: hidden;text-align: center;}
.hour span{color: #B5B5B5;font-size: 12px;margin:0 5%;}



.footnav{display: none;}







@media (max-width: 767px) {
    .header{width: 100%;  padding: 2% 1%}
    .logo{width: 30%;}
    .nav{margin-bottom: 4%;}
    .nav ul {  float: right;margin-top: 3%; width: 100%;
    }
    .nav ul li{  width: 21%;  margin-bottom: 2%;margin-left: 3%;
    }
    .nav ul li a i{display: none;}


    .nav .container .navbar-header{}
    .nav .container .navbar-header span{display: block;}

    .navbar-toggle {
        border-color: #333;
    }
    .navbar-toggle {position: relative;float: right;padding: 9px 10px;margin-right: 15px;
        background-color: transparent;background-image: none;border: 1px solid transparent;border-radius: 4px;}
    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0,0,0,0);
        border: 0;
    }
    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: #fff;
    }
    .navbar-toggle .icon-bar+.icon-bar {
        margin-top: 4px;
    }
    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        background-color: #000;
    }


    .nav .container .navbar-collapse{width:auto;}
    .navbar-nav{margin: 0 auto;width: 100%;}
    .nav>li{float:left;margin-left: 6%;}


    .nav>li>a{color: #fff;font-family: '宋体', Arial;font-size: 0.75em;line-height: 45px;letter-spacing: 1px;padding: 0;}
    .nav>li>a:hover{background-color: transparent;}
    .nav ul li a span {font-size: 0.75em;}

    .nav .consult{float:left;overflow: hidden;float:right;}
    .nav .consult p{}
    .nav .consult p img{display: block;float:left;margin-top: 10px;}
    .nav .consult p i{display: block;margin-top: 20px;margin-left: 5px;font-family: Arial, "微软雅黑";font-size: 0.75em;letter-spacing: 1px;float:left;}
    .nav .consult span{color: #0098DB;font-size: 24px;font-family: Arial, "微软雅黑";font-weight: bold;display: block;float:left;}


    .conce{margin-top: 4%;}
    .conce2{margin-top: 10%;}
    .conce i{margin-top: 1.5%;}
    .conce h3{font-size: 18px;margin-top: 1%;}
    .ours a{width: 20%;}
    .footer .touch {  margin-left: 2%;  width: 48%;  padding: 0;  }
    .col-xs-5{width:100%;}
    .stay{width: 62%;}

    .footnav{width: 100%;height: auto;overflow: hidden;}
    .footnav ul{width: 100%;height: auto;overflow: hidden;}
    .footnav ul li{width: 25%;height: auto;overflow: hidden;float: left;}
    .footnav ul li a{display: block;text-align: center;color: #fff;}

    .footer .row{display: none;}

    /**产品中心**/
    .breed{width: 100%;}
    .gra{padding: 4% 0;padding-left: 5%;}
    .yield ul li a{padding: 4% 0;padding-left: 8%;}

    /**关于我们**/
    .core p{width:90%;}

    /*新闻列表**/
    .rank img{float: none;width: 90%;margin: 0 auto;}
    .surf{width: 90%;margin: 0 auto;float: none;padding-bottom: 1%;}


    /**新闻内容**/
    .core h3{width: 90%;font-size: 15px;margin: 0 auto;padding: 2% 0;}


    .classic ul li div p{width: 50%;}
    .newly .news{width: 100%;}
    .newly .news .news-head i{width: 60%;}
    .nova span{width: 80%;margin: 0 auto;float: none;}
    .nova ul{width: 100%;margin-top: 4%;}
    .newly .news ul li span{width: 15%;}
    .nova ul li a{width: 82%;}
    .mess{width: 100%;}

}
@media (min-width: 768px and max-width:999px){
    .nav .logo {
        width: 15%;
        margin-top: 4%;padding: 0;
    }
    .nav ul{width: 85%;}
    .nav ul li{width: 12%;margin-left: 2%;}
    .conce{margin-top: 8%;}
    .conce2{margin-top: 8%;}
    .produ{width: 33%;}
    .touch{width: 26%;}
    .stay{width:62%;}
    .footnav{display: none;}
   /* .nav ul li a:hover{background: url("../images/nr2.png")no-repeat 100% 100%;}*/
    .navbar-nav>li>a{padding-bottom:7%;}
    /**产品中心**/
    .col-xs-12{width: 75%;}


    /**关于我们**/
}