/*h2,h3,p{word-break: keep-all;word-wrap: break-word;word-break:break-all;text-align:justify;text-justify:inter-ideograph;}*/
.navBar{ background: none; position:absolute; height:95px;  }
.navtop_opt{background: url(../images/er.png) repeat-x;}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {color: #fca00e;border-bottom: 3px solid #fca00e;}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {background: none;}
.navbar-inverse .navbar-nav>li>a{ color: #fff; }
.w-search-t a{ color: #fff;}
.w-search-b input{ border-radius: 20px; width: 100%; height: 40px; background: #4e5166; color: #fff; padding: 0 3%; line-height: 40px; font-size: 14px; }
.w-search-b a{ background: url(../images/w-searcha.png) no-repeat; position: absolute; right: 15px; top: 8px; width: 26px; height: 26px;}
.footer{position:relative;}
.er-conter{ width: 90%; margin: 0 auto; max-width: 1400px;  padding:0 0 50px 0; position: relative; }
.er-back .dropdown-menu .navbar-nav>li a{ color: #666; }
.er-back .dropdown-menu .navbar-nav>li a:hover{ color: #fca00e; }
.g-erconl {display: none;}
/* 分页 */
.Page { margin: 0 auto 0;text-align: center;}
.Page .pagination {text-align: center;}
.Page li a {width: 40px;height: 40px;font-size: 16px;font-size: 1.6rem;border-radius: 50%;text-align: center;line-height: 40px;padding: 0;border: none;background: none;margin-right: 5px; color: #333;}
.Page li.pve a,
.Page li.next a {width: 40px;height: 40px;border-radius: 50%;text-align: center;line-height: 40px;padding: 0;background: #e6e6e6;color: #333;font-weight: normal;}
.Page li.pve a {margin-right: 30px;}
.Page li.next a {margin-left: 15px;}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {background: #049942;color: #fff;}
.Page li a:hover {background: #049942;color: #fff;}
.glyphicon-menu-left:before{display: none;}
.glyphicon-menu-right:before{ display: none; }
/* banner */
.er-banner {margin-top: 0;}
.er-banner img{ width: 100%; }

/* contact */
.contact{ position:absolute; top: 100px; }
.contact h2{ color: #333; font-size: 48px;background: url(../images/xian1.png) no-repeat left bottom; padding-bottom: 30px; font-weight:bold; }
.contact-a{ width: 100%;float: left; border-bottom: 1px solid #e7eaec;padding: 30px 0; }
.contact-a h3{ color: #333; font-size: 26px; margin-bottom: 20px; font-weight:bold;  }
.contact-a p{ font-size: 18px; color: #666; line-height: 30px; }

/* new */
.new{ margin-top: -80px;}
.new-t{ height: 80px; }
.new-t li a{line-height: 80px;color: #fff;font-size: 24px;font-weight: bold;text-shadow: #000 4px 3px 5px;}
.new-t li a:hover{color: #fca00e;text-shadow: #000 4px 3px 5px;}
.new-t li a.active{color: #fca00e;text-shadow: #000 4px 3px 5px;}
.new-b{ margin-top: 20px; }
.new-bner{ border-bottom: 1px solid #e6e6e6; padding:30px 0 ;  }
.new-bner-l{ width: 27%; margin-right:3%; float: left;  }
.new-bner-l img{ width: 100%; border-radius: 8px; }
.new-bner-r{ width: 70%; float: left;}
.new-bner-r h2{line-height: 30px;}
.new-bner-r h2 a{ font-size: 20px; font-weight: bold;}
.new-bner-r h2 a:hover{ font-size: 20px; font-weight: bold; color: #fca00e; }
.new-bner-r h3{ font-size: 16px; margin-top: 10px; }
.new-bner-r p{ font-size: 16px; margin-top: 20px; line-height: 30px; }
.new-bner-r .more a{background: #009944; border-radius: 25px; display: inline-block; width: 100px; line-height: 30px; height: 30px; text-align: center;color: #fff; }
.new-bner-r .more a:hover{ background: #fca00e; border-radius: 25px;display: inline-block; width: 100px; line-height: 30px; height: 30px; color: #fff; }
.new-bner-r .more a span{ font-weight: bold; }
.video{}
.video-a{ position: relative; width: 100%; margin: 0 auto; }
.video-a img{ width:100%;}
.video-bo{ position: absolute; left: 10px; bottom: 10px; }
.video h2{ width: 95%; margin: 0 auto; font-size: 20px; font-weight: bold; margin-top: 10px; min-height: 50px;}
.video p{  width: 95%; margin: 0 auto; margin-top: 5px;}
.new-b video{ width: 90%; margin:0 3%; }
.crs{}
.crs li{ width: auto; margin-right: 3%; }
.crs-b{ margin-top: 50px; }
.crs-a{border-bottom: 1px solid #e6e6e6; padding:30px 0 ;}
.crs-a h2{ color: #333; font-size: 44px;background: url(../images/xian1.png) no-repeat left bottom; padding-bottom: 30px; font-weight:bold; }
.crs-a p{ float: left; font-size: 18px; line-height: 30px; color: #666; margin-top:2%; width: 100%;}
.crs-a p img{ float: left; vertical-align: middle; margin-top: 8px; margin-right: 10px; width: auto; }
.crs-a img{ margin-top: 2%; width: 100%; float: left; } .crs-a-x img{border-radius: 50%; box-shadow: #c1c1c1 0px 0px 10px 0px;}
.crs-a-l{ float: left; width: 42%; position: relative; margin-top: 2%; }
.crs-a-l img{ width: 100%; margin: 0; }
.crs-a-l .crs-a-limg{ position: absolute;right: 0; top: 0; height: 100%; width: auto; }
.crs-a-l .crs-a-limga{ position: absolute;left: 0; top: 0; height: 100%; width: auto; }
.crs-a-r{ float: left; width: 54%; margin-top: 2%;  }
.crs-ml{ margin-left: 3%; }
.crs-mr{ margin-right: 3%; }
.crs-targeted{ position: relative; margin-left: 33px; }
.crs-targeted h2{margin-left: -105px; margin-top: 50px; background: url(../images/xian1.png) no-repeat 110px bottom; }
.crs-targeted h2 span{ color: #fff;font-size: 44px; }
.crs-targeted-a{border-left: 1px solid #e6e6e6; float: left;width: 100%; padding: 0 0 0 10px; margin-left: 8px; margin-top: 30px;}
.crs-targeted-a h2{ background: none; margin-left: -22px; padding-bottom: 0; color: #009944; font-size: 24px; }
.crs-targeted-a h2 img{ width: auto; margin-top: 0; margin-right: 30px;}
.crs-targeted-a p{margin:10px 0 30px 30px; font-size: 18px;}
.crs-fooda{ width: 100%; }
.crs-fooda li{ width: 47% !important; float: left; margin-top: 3%; }
.crs-fooda-l{ float: left; width: 20%; margin-right: 3%; }
.crs-fooda-r{ width: 75%;float: left; }
.crs-fooda-r h2{ font-size: 24px; color: #009944; background: none; margin-top: 20px; padding-bottom: 0; }
.crs-fooda-r p{ font-size: 18px; line-height: 30px; }
.crs-noboder{border-bottom:none; padding:30px 0 0;}
.mar-h h2{ margin-left: -125px; }
.crs-pulic{}
.crstab-bd div{ display: none; }
.crstab-bd div.thisclass{ display: block; }
.crstab-hd{}
.crstab-hd li{}
.crstab-hd li a{}
.crs-pulic-a{ float: left; width: 58%; position: relative; margin-top: 2%; }
.crs-pulic-a img{ width: 100%; margin: 0; }
.crs-pulic-a .crs-pulic-aimg{ position: absolute;right: 0; top: 0; height: 100%; width: auto; }
.crs-pulic-b{ float: left; width: 40%; margin-top: 2%; margin-left: 2%;  }
.crs-pulic-b li{ cursor:pointer; width: 100%; margin-bottom: 3%; float: left; }
.crs-pulic-b .crs-pulic-ba{ background: #f2f2f2; width: 30%; color: #999; font-size: 14px; float: left; padding: 5% 0; text-align: center;  height: 100px; border-right: 2px solid #7fbe26;}
.crs-pulic-b .crs-pulic-ba span{ font-size: 24px;}
.crs-pulic-b .crs-pulic-bb{ background: #f7f7f8; width: 70%; float: left; padding: 5% 4% 3% 3%; height: 100px; }
.crs-pulic-b .crs-pulic-bb p{ color: #666; font-size: 14px; }
.crs-pulic-b li:hover .crs-pulic-ba{ background: #7fbe26; color: #fff; }
.crs-pulic-b li:hover .crs-pulic-bb{ background: #009944;color: #fff; }
.crs-pulic-b li:hover .crs-pulic-bb p{color: #fff; }
.crs-pulic-b li.active .crs-pulic-ba{ background: #7fbe26;color: #fff; }
.crs-pulic-b li.active .crs-pulic-bb{ background: #009944;color: #fff; }
.crs-pulic-b li.active .crs-pulic-bb p{color: #fff; }
.careers-talent{}
.careers-talent h2{ font-size: 24px; margin-top: 3%; }
.careers-talent-a{background: #fafafa; float: left; width:100%; padding:5%; margin-bottom: 5%; min-height: 350px; border-bottom: 5px solid #009944;}
.careers-talent h3{ text-align: left; float: left; font-size: 24px; line-height: 30px; color: #009944; margin-top:2%; width: 100%;}
.careers-talent h3 img{ float: left; vertical-align: middle; margin-top: 8px; margin-right: 10px; width: auto; }
.careers-talent p{ font-size: 16px; }
.careers-talent-b{background: #fafafa; float: left; width:100%; padding:3%; margin-bottom: 5%; min-height: 422px;}
.brands-product{ margin-top: 3%; width: 100%; float: left; }
.brands-product li{ width: 20%; margin: 1% 0; float: left; }
.brands-product li img{ width: auto;}
.brands-foodner{}
.brands-foodner h2{ font-size: 44px;margin-left: -125px;margin-top: 0px;background: url(../images/xian1.png) no-repeat 125px bottom; }
.brands-foodner p{ font-size: 16px; margin: 10px 0 0 30px; }
.brands-foodner-a p span{color: #009944;}
.brands-foodner-a .crs-targeted-a p{ margin-bottom:10px;  }
.brands-foodnera{ margin-top: 2%; float: left; width: 100%; }
.brands-foodnera li{ float: left; }
.brands-foodnera li h2{ font-size: 60px; color: #009944; background: none;padding-bottom:15px; }
.brands-foodnera li h2 span{ font-size: 14px; color: #666; font-weight: normal; margin-left: 1%; }
.brands-foodnera li p{ font-size: 18px; color: #666;width: 80%; }
.industry-feed{}
.industry-feed li{ width: 20%; }
.industry-feeda{ margin-top: 2%; float: left; width: 100%; }
.industry-feeda li{ float: left; }
.industry-feeda li h2{ font-size: 60px; color: #009944; background: none;padding-bottom:15px; }
.industry-feeda li h2 span{ font-size: 14px; color: #666; font-weight: normal; margin-left: 1%; }
.industry-feeda li p{ font-size: 18px; color: #666;width: 100%; }
.industry-poultry{}
.industry-poultry h2{ font-size: 44px;margin-left: -120px;background: url(../images/xian1.png) no-repeat 130px bottom; }
.industry-pig{ margin-top: 3%; width: 100%; float: left; }
.industry-pig li{ float: left; }
.industry-pig p{ background: #009944; min-height: 350px; padding: 5%; color: #fff; margin-bottom: 5%; }
.industry-overseas{}
.industry-overseas h2{ margin-left: 0; font-weight: normal; margin-top: 3%; }
.industry-overseas li:last-child{ width: 50%; }
.industry-overseas li:last-child h2{ margin-top: 0; }
.industry-overseas li p{ font-size: 14px; }
.industry-food{}
.industry-food li{ float: left; margin-bottom: 3%; }
.industry-food li img{ float: left;width: 100%; }
.industry-food li div{ background: #f4f4f4; min-height: 120px; padding: 3%; float: left;width: 100%;}
.industry-food li div p{ font-size: 16px; }
.industry-poultry h3{ margin-top:3%;  }
.about-company{ width: 100%; float: left; }
.about-company li{ float: left; }
.about-company li .careers-talent-a p{ font-size: 14px; text-align: left; }
.about-company li .careers-talent-a p span{ font-size: 18px; color: #666; }
.about-company p { margin-top: 0; }
.about-company p span{ color: #009944; }
.about-corporate h2{font-size: 44px;}
.about-corporate p{ margin: 2% 0; }

.brands-food{}
.brands-food li{ float: left; margin-bottom: 3%; }
.brands-food li img{width: auto; margin: 0 auto; padding: 30px 0; }
.brands-food li div{ background: #f4f4f4; padding: 3%; float: left;width: 100%;}
.brands-food li div img{ float: left; padding: 8px; }
.brands-food li div p{ font-size: 16px; }
.brands-food li img{ width: auto; margin: 0 auto; text-align: center; float: none;}

.itembg-honor{ width: 31%; margin: 0 1%; }
.w-history li{ cursor: pointer; line-height: 55px; font-size: 18px;  }
.w-history li:hover{ color: #009944; }
.w-history li.active{color: #009944;}


.crs-w1 h2{margin-left: -81px;}
.crs-w1s h2{margin-left: -91px;}
.crs-w2 h2{margin-left: -99px;}
.crs-w3 h2{margin-left: -108px;}
.crs-w4 h2{margin-left: -110px;}
.crs-w5 h2{margin-left: -107px;}
.crs-w6 h2{margin-left: -139px;background: url(../images/xian1.png) no-repeat 139px bottom;}
.crs-w7 h2{margin-left: -99px;}
.crs-w8 h2{margin-left: -116px;}

@media screen and (max-width: 1500px) {
    .crs li{ width: auto; margin-right: 1%; }
}
@media screen and (max-width: 1024px) {
    .new-t li a{ font-size: 18px; }
    .industry-poultry h2{ font-size: 36px; }
    .crs-a h2{ font-size: 44px; }
    .crs-was h2{ font-size:32px !important;}
    .crs-wba h2{ font-size:32px; margin-left:-94px !important;background: url(../images/xian1.png) no-repeat 100px bottom;}
    .crs-wba .crs-noboder h2{ margin-left:0 !important;}
    .crs-wba h2 span{ font-size:32px;}
    .crs-wca h2{margin-left: -116px;background: url(../images/xian1.png) no-repeat 116px bottom;font-size:28px !important;}
    .crs-wca h2 span{ font-size:28px !important;}
}
@media screen and (max-width: 768px) {

    .navtop_opt{background:#3b4762 !important;}
    .new{ margin-top: 0;  }
    .new-t{ display: none; }
    .new-t li a{ font-size: 14px; }
    .er-banner img{/*min-height: 480px;*/}
    .new-bner-l{ width: 100%; margin-right: 0; }
    .new-bner-r{ width: 100%; }
    .new-bner-r h2{line-height: 22px; }
    .new-bner-r h2 a{ font-size: 16px;}
    .video{ margin-top: 10px; }
    .video-a img{ width: 100%; }
    .video h2{ font-size: 14px; min-height: auto; }
    .crs-a{ padding-top: 0; }
    .crs-a h2{ font-size: 16px !important; margin-top: 20px; }
    .crs-a p{ font-size: 14px; line-height: 25px; }
    .crs-a-l{ width: 100%; }
    .crs-a-r{ width: 100%; }
    .crs-ml{ margin-left: 0; }
    .crs-mr{ margin-right: 0; }
    .crs-targeted{ position: relative; margin-left: 0; }
    .crs-targeted h2{margin-left: 0 !important; margin-top: 10px; background: url(../images/xian1.png) no-repeat left bottom; }
    .crs-targeted h2 span{ color: #333;font-size: 16px !important; }
    .crs-targeted-a h2{  margin-left: -22px; padding-bottom: 0; color: #009944; font-size: 18px; }
    .crs-targeted-a h2 img{ width: auto; margin-top: 0; margin-right: 5px;}
    .crs-targeted-a p{margin:10px 0 30px 5px; font-size: 14px;}
    .brands-foodnera li h2{ font-size: 24px; }
    .brands-foodnera li p{ font-size: 16px; width: 100%; }
    .industry-feeda li h2{ font-size: 24px; }
    .industry-feeda li p{ font-size: 16px; width: 100%; }
    .industry-pig p{ min-height: auto; }
    .industry-overseas li:last-child{ width: 100%; }
    .industry-overseas li:last-child h2{ margin-top: 3%; }
    .industry-overseas li h2{ padding-bottom: 0; }
    .industry-food li div{ min-height: auto; }
    .careers-talent-a{ min-height: auto; }
    .navBar{ height: 64px; }
    .er-banner{ margin-top: 64px; }
    .itembg-honor{ width: 100%; }
    .crs-fooda li{ width: 100% !important; float: left;}
    .cont-sjs{position: initial; top:20px;}
    .cont-sj{ display:none;}
    .contact h2{font-size:32px; margin-top:10px;}
    .contact-a h3{font-size:18px;}
    .contact-a p{font-size:14px;}
    .careers-talent h3{ font-size:16px;}
    .careers-talent-b{min-height:auto;}
    .new-xq h2{ font-size:18px; line-height:35px;}
    .brands-foodner p{margin:10px 0 0 0;}
    .crs-a h2{ padding-bottom:10px;}
    .contact h2{ padding-bottom:10px;}
    .industry-feeda li h2{ padding-bottom:0;}
    .crs-a{ margin-bottom:20px;}
}
@media screen and (min-width: 769px) {


    .navbar .nav > li .dropdown-menu {
        width: 100%;
        display: block;
        overflow: hidden;
        visibility: hidden;
        opacity: 0;
        position: absolute;
        left: 0;
        transition: all ease-in-out 0.3s;
        box-shadow:none;
        border: 0;
        filter:progid:DXImageTransform.Microsoft.gradient(enabled = 'ture',startColorstr = '#70ffffff',endColorstr = '#70ffffff');
    }
    .navbar .nav > li:hover .dropdown-menu {
        display: block;
        height: auto;
        visibility: visible;
        opacity: 1;
        transition: all ease-in-out 0.3s;
        box-shadow:none;
        /* -webkit-box-shadow: inset -3px 6px 21px rgba(0,0,0,0.15);
         box-shadow:inset -3px 6px 21px rgba(0,0,0,0.15);*/
    }

}