body{font-family: "Microsoft Yahei","微软雅黑"; line-height: 24px;}
ul{padding:0;  list-style-type: none;}
ul li{ list-style-type: none;!important;}
* {
    transition: all 0.5s ease 0s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
a {
    color: #666;
    text-decoration: none;
}
a:hover{text-decoration:none; }

#update_browser_plz {
    display: none;
}


.page-topa{ background: #26914b; position: relative;  height: 120px; width: 100%;}
.logo{ margin-top: 20px; margin-bottom: 20px;}
.top-font20{ width: 100%; margin-top: 30px; color: #f7d16b; font-size: 20px; font-weight: bold;}
.top-font20 span{ font-size: 14px; font-weight: 300;}
.top-font14{ font-size: 14px; color: #98dcb0;}
.toptel{ border: 1px solid #54a675;     background: linear-gradient(to right, #1c863e ,#3da361); width: 400px; height: 80px; top: 20px; position: absolute; right: 0; border-radius:200px 0 0px 200px;}
.toptela{ margin-top: 16px; text-transform: uppercase; margin-left: 30px; color: #99cfab; font-size: 16px; font-weight: bold;}
.toptela span{ margin-left: 40px;}
.toptelb{ margin-left: 30px; font-size: 16px; color: #fff; font-weight: bold;}

.topac{ position: relative; width: 100%;}
.topac .enbb{ color: #fff; display: inline-block; box-shadow: 3px 3px 10px #ccc; position: absolute; width: 60px; height: 30px; top: 20px; right: 120px; background: #16813e; border-radius: 0 20px 0  20px; text-align: center; line-height: 30px;}
.topac .enbb:hover{ background: #f7d16b;}
.navbar-brand{ height: auto;}


.navbar {border:0;margin:0;min-height: 0;border-radius: 0; background: #ffcc66;
    /*background: rgba(254,204,102,0.7)*/
}

.container {padding:0;}

#bs-example-navbar-collapse-1 {height: 100% !important;text-align: center;}
.navbar-default .navbar-nav>li>a{ color: #000}
/*导航下拉菜单样式*/
.dropdown-menu {min-width: 100%;}
.dropdown-menu>li>a {text-align: center;line-height: 30px;}
.navbar-nav ul li a {	padding:5px 10px; display: inline-block;  ;margin:0 ;}
.navbar-nav {	  border: 0px; margin: 0px; padding: 0px; }
.navbar-default .navbar-nav>.active{background:#329f5b;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background-color:transparent;
    color: #fff;
}
/*logo样式*/
.navbar-brand {	height: 100%;padding:10px 20px;}
/*导航a标签样式*/

.nav>li>a {font-size: 14px; padding:10px 45px;font-size: 16px;color: #333;}
.nav>li:focus, .nav>li:hover {background:#329f5b;}
.nav>li:focus a, .nav>li:hover a { color: #fff;}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color: #fff;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background-color: transparent;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {background-color: transparent;}

.navbar-nav li {

    margin:0 auto;
    text-align: center;
}
.dropdown-menu{background: #dcdcdc; background: rgba(220,220,220,.9); border: 0px;}

.dropdown-menu>li>a{ display: inline-block;}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li>a{color:#444; padding:8px 10px; display: inline-block; width: 100%;}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{background:#6f6f6f ;background:rgba(50,160,90,1)}
#bs-example-navbar-collapse-1 {
    padding:0;
}
.carousel-control span {
    font-size: 24px;
    font-family: 宋体;
    font-weight: bold;
    position: absolute;
    top: 50%;
}


.page-tit{ padding: 16px 0; text-align: center; width: 100%; display: inline-block;}
.page-tit .tit-cn{ font-size: 28px; color: #20843e; font-weight: bold;}

.page-a,.page-cen{ width: 100%; padding: 20px 0;}


.sy-cp-div{display: inline-block; position: relative; width: 100%; overflow: hidden; height: auto}
.sy-cp-div img{ width: 100%;}
.sy-cp-zhe{ width: 100%; height:400px; position: absolute; top: 0; left: 0; z-index: 2; }

.zhe0{ background: url("../images/cpbjtm5.png") ;}
.zhe1{ background: url("../images/cpbjtm1.png") ;}
.zhe2{ background: url("../images/cpbjtm2.png") ;}
.zhe3{ background: url("../images/cpbjtm3.png") ;}
.zhe4{ background: url("../images/cpbjtm4.png");}
.zhe5{ background: url("../images/cpbjtm5.png") ;}

.zhe6{ background: url("../images/cpbjtm1.png") ;}
.zhe7{ background: url("../images/cpbjtm2.png") ;}
.zhe8{ background: url("../images/cpbjtm3.png") ;}
.zhe9{ background: url("../images/cpbjtm4.png");}
.zhe10{ background: url("../images/cpbjtm5.png") ;}

.zhe11{ background: url("../images/cpbjtm1.png") ;}
.zhe12{ background: url("../images/cpbjtm2.png") ;}
.zhe13{ background: url("../images/cpbjtm3.png") ;}
.zhe14{ background: url("../images/cpbjtm4.png");}
.zhe15{ background: url("../images/cpbjtm5.png") ;}

.sy-cp-text{ position: absolute; display: inline-block; color: #fff; text-align: center; z-index: 5; border: 4px  solid #fff; top: 50%;  margin-top: -150px; height: 300px; margin-left: 10%; width: 80%;}
.sy-cp-text a{ color: #fff;}
.sy-cp-text-cn{ font-size: 20px; font-weight: bold; display: inline-block; margin-top:80px;}
.sy-cp-text-en{ font-size: 16px; text-transform: uppercase; margin-top: 20px;}
.sy-cp-text-more{ font-size: 24px; display: inline-block;}
.sy-cp-text-more > a{ display: inline-block; line-height: 40px; height: 40px; width: 40px; border-radius: 40px; border: 1px solid #fff; margin-top: 20px;}
.Owl-list0 .item{ margin: 8px;}

.sy-cp-div:hover{ box-shadow: 5px 5px 15px #999;}
.sy-cp-div:hover .sy-cp-zhe{ opacity: 0;}
.sy-cp-div:hover .sy-cp-text{ background: #20843e; background: rgba(32,132,62,.7)}
.sy-cp-div:hover >img{ transform: scale(1.1);}
.sy-cp-div:hover .sy-cp-text-more > a{
    transform:rotate(360deg);
    -ms-transform:rotate(360deg); 	/* IE 9 */
    -moz-transform:rotate(360deg); 	/* Firefox */
    -webkit-transform:rotate(360deg); /* Safari 和 Chrome */
    -o-transform:rotate(360deg); 	/* Opera */
}

.page-b{width: 100%; padding: 20px 0; background: url("../images/aboutbj.jpg") bottom #f4f4f4;}
.about-img{ width: 100%; overflow: hidden;}
.about-img *{max-width: 100%;}
.about-note{ color: #666; line-height: 30px; margin-top: 20px; display: inline-block;}
.about-more{ display: inline-block; width: 100%; margin-top: 20px; text-align: center;}
.about-more a{ display: inline-block; color: #fff; padding: 6px 30px;  margin: 10px; background: #f7d16b;}
.about-more a:hover{ background: #ffbd0c;}
.about-ul{ display: inline-block; width: 100%; margin-top: 20px;}
.about-ul li{ padding-left: 6px; padding-right: 6px; margin-top: 10px;}
.about-ul li:hover img{ transform: scale(1.1); box-shadow: 5px 5px 15px #999; border: 2px solid #2a974f; }


.page-c{width: 100%; padding: 20px 0; background: #f4f4f4;}

.news-left-ul{ display: inline-block; width: 100%;}
.news-left-ul li{line-height: 30px; height: 30px; overflow: hidden;}

.news-left-ul li:hover{ box-shadow: 5px 5px 15px #999; background: #fff;}

.news-f{ display: inline-block; width: 100%; border-bottom: 1px solid #e7e7e7; padding-bottom: 10px;}
.news-f-img{ width: 100%; height: 120px; overflow: hidden;}
.news-f-img img{ width: 100%;}
.news-f-tit{ width: 100%; font-size: 18px; line-height: 40px; height: 40px; overflow: hidden; font-weight: bold; }
.news-f-tit a{ color: #2a974f;}
.news-f-note{ margin-top: 4px; width: 100%; line-height: 20px; color: #666;}

.news-ul{ display: inline-block; width: 100%;}
.news-ul li{ padding-left: 8px; display: inline-block; width: 100%; line-height: 24px; margin-top: 0px; border-bottom: 1px solid #e7e7e7; position: relative; padding-bottom: 5px; }
.news-ul li a{display: inline-block; height: 24px; line-height: 24px; width: 90%; overflow: hidden; float: left; margin-left: 4px;}
.news-ul li .new-time{ width: 60px; line-height: 24px; position: absolute; right: 10px; top: 0px;}
.yuan{ border: 2px solid #5e9633; height: 8px; width: 8px; border-radius: 10px; display: inline-block; margin-top: 12px; float: left;}
.news-ul li:hover{ box-shadow: 5px 5px 15px #999; background: #fff;}


.sxicon{ display: inline-block; width: 100%; text-align: center;}

.sxicon .icon-img{ display: inline-block; background: #ccc; padding-top: 20px; border-radius: 200px; width: 100px; height: 100px;}

.sxicon .icon-img1{ background: #d60000;}
.sxicon .icon-img2{ background: #8c7bff;}
.sxicon .icon-img3{ background: #4485d3;}
.sxicon .icon-img4{ background: #fea016;}
.sxicon .icon-img5{ background: #39cba6;}

.icon-tit{ line-height: 50px; font-weight: bold; font-size: 16px;}

.sxicon:hover .icon-img{  transform:rotate(360deg);
    -ms-transform:rotate(360deg); 	/* IE 9 */
    -moz-transform:rotate(360deg); 	/* Firefox */
    -webkit-transform:rotate(360deg); /* Safari 和 Chrome */
    -o-transform:rotate(360deg); 	/* Opera */ }


.page-foot{ width: 100%; padding: 40px 0; border-top: 5px solid #5e9633; padding-bottom: 0px;}
.foot-tit{ font-size: 16px; font-weight: bold;}
.foot-note{ color: #666; font-size: 14px; border-bottom: 1px solid #ccc; padding: 10px 0;}

.foot-con{ font-size: 14px; color: #999; padding: 10px 0; line-height: 22px;}
.mybtn{ width: 100%; background: #5e9633; margin-top: 12px; color: #fff;}

.footb{ border-top: 1px solid #ccc; display: inline-block; width: 100%; margin-top: 20px; padding-top: 20px;}
.footb,.footb a{ color: #919191;}
.footb .foot-ul-nav{ display: inline-block; float: right;}
.foot-ul-nav li{ float: right; margin: 0px 10px;}

.fenyeys{ float:left; width:90%; text-align:center; margin:22px 0px; font-size: 12px; font-family: "微软雅黑";}
.fenyeys span{  margin:2px 6px; border-radius:25px;  padding:2px 10px; background:#5e9633; color:#fff; }
.fenyeys a{ margin:2px 6px; border-radius:25px; padding:2px 10px; background:#ccc; color:#fff; }
.fenyeys a:hover{ background:#5e9633;}
.nyright-con .col-md-12{margin: 0px; padding: 0px;}


/**/
.breadcrumb{ margin-bottom: 6px; display:inline-block; width: 100%; background-color: transparent;}
.page-ny{ display: inline-block; width: 100%; }
.page-nav1{ padding: 0; background: #0078c8; background: linear-gradient(to right ,#43ab80, #21843f); margin-top: 0px; }

.page-nav1 .tit-cn{ color: #fff; display: inline-block; line-height: 40px;}
.page-nav1 .tit-en{ background: none;}

.ny-nav-ul{ margin-top: 30px; margin-bottom: 30px; width: 100%; display: inline-block; text-align: center;}
.ny-nav-ul li{ margin: 0 5px; display: inline-block;
}
.ny-nav-ul li a{ border: 1px solid #21843f; padding: 8px 0px; display: inline-block; color: #21843f;width: 100px;margin-top:10px;overflow: hidden;}
.ny-nav-ul li a:hover,.ny-nav-ul li a.active{ background: #21843f; color: #fff;}
.ny-pagen{ width: 100%; line-height: 50px; font-weight: bold; font-size: 20px; letter-spacing: 5px;}

.page-ny-b{width: 100%;  display: inline-block; text-align:  center; background-color: #F5F5F5;}
.page-ny-b-con{ position: relative;
    display: inline-block;

    background-color: #f5f5f5;
    margin: 0 auto;margin-top: 10px; margin-bottom: 10px;

}
.page-ny-b-con .page-ny-b-cn{
    height: 62px;
    font-size: 32px;
    font-weight: bold;
    color: #333;
    text-align: center;
    border-bottom: 2px solid #CCCCCC;
}
.page-ny-b-con .page-ny-b-cn a{
    display: inline-block;
    height: 62px;

    line-height: 62px;
    color: #333;
}

.page-ny-b-con .page-ny-b-xx{ position: absolute; top: 0; left: 50%; margin-left: -20px; margin-top: 60px; height: 2px; width: 40px; overflow: hidden; display: inline-block; background-color: #DC1D1D;}
.page-ny-b-con .page-ny-b-en{
    font-size: 10px;
    color: #999;
    text-align: center;
    height: 40px;
    line-height: 40px;
}

.about-ul-b{ display: inline-block; width: 100%;}
.about-ul-b li{ padding: 10px 8px;}
.owl-controls{ display: inline-block; width: 100%; text-align: center;}
 .owl-pagination{ display: inline-block; text-align: center;}
 .owl-pagination .owl-page{ display: inline-block; width: 20px; margin: 10px 5px; height: 20px; line-height: 20px; border-radius: 20px; background: #f1f1f1;}
.owl-pagination .active{ background: #21843f; color: #fff;}
 .owl-buttons .owl-prev{ font-size: 18px; text-shadow: 3px 3px 6px #ccc; font-weight: bold; color: #cdcdcd; font-family: "宋体"; top: 45%;position: absolute;left: -40px;}
 .owl-buttons .owl-next{ font-size: 18px; text-shadow: 3px 3px 6px #ccc; font-weight: bold; color: #cdcdcd; font-family: "宋体"; top: 45%;position: absolute;right: -40px;}
 .owl-buttons .owl-prev:hover,.owl-buttons .owl-next:hover{color: #21843f;}


.pro-div{ width: 100%; background: #fff;  position: relative; padding-bottom: 20px; }
.pro-div:hover{ box-shadow: 5px 5px 15px #999;}
.pro-div .pro-img{ width: 100%; height: 220px; overflow: hidden; border-bottom: 5px solid #e28735;}
.pic-ul li{ margin-top: 20px;}
.pro-div .pro-img img{ width: 100%; height: 100%;}
.pro-div .pro-icon{ width: 60px; height: 60px; text-align: center; overflow: hidden; border: 3px solid #fff; background: #e28735; border-radius: 100px;
    position: absolute; left: 50%;  margin-left: -30px; margin-top: -30px; }
.pro-tits{ width: 100%; margin-top: 10px; height: 30px; line-height: 30px; overflow: hidden; text-align: center;}



/*news*/
.newn-page{ width: 100%; display: inline-block; padding-bottom: 20px; margin-top: 0px;}
.new-n-ul li{ padding-top: 20px; padding-bottom: 20px;border-bottom: 1px solid #f5f5f5; margin-top: 15px;}
.newsn-text-tit a{ color: #333; font-size: 14px; font-weight: bold;}
.newsn-text-tim{ margin-top: 8px; position: relative; padding-left: 30px; font-size: 14px; color: #999; position: relative;}
.newsn-text-tim:before{display: inline-block;  content: " ";
    display: table;  position: absolute; width: 20px; height: 1px; background: #26914b; top: 50%; left: 0;}
.newsn-text-tit2{ margin-top: 8px; font-size: 14px; color: #666; line-height: 26px;}
.newsn-text-more{ display: inline-block; width: 100%; margin-top: 8px;}
.newsn-text-more a{ background: #26914b; display: inline-block; padding: 2px 20px; border-radius: 6px; color: #fff;}
.new-n-ul li:hover{box-shadow: 5px 5px 15px #999;}
.new-n-ul li:hover .col-md-3 img{ transform: scale(1.1)}
.newlisbtn {
    border-bottom: 1px solid #26914b;
    padding-bottom: 15px;
    margin-left: 20px; margin-top: 20px;
    margin-right: 20px;
}

.newlistul li {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    margin-left: 30px;
    margin-right: 30px;
}
/*server*/

.n-news-imgs{ background: #fff; padding: 8px; margin-top: 20px; margin-top: 16px; border-radius: 4px; box-shadow: 3px 3px 5px #e5e5e5; border-bottom: 1px solid #f7f7f7; display: inline-block; }
.n-news-imgs:hover{  box-shadow: 3px 3px 5px #ccc; background: #f2f2f2; }
.n-newimg{ overflow: hidden; height: 260px; float: left;}
.n-newimg img{ height: 100%; max-width: 100%; width: 100%;}
.n-newtext{width: 80%; margin-left: 10%; display: inline-block; padding: 20px 0;}
.n-topx{ width: 50px; border-radius: 2px; height: 4px; background: #26914b; display: inline-block; margin-top: 20px;}
.n-newtext  .h3{ padding: 6px 0px; font-size: 16px; font-weight: bold; padding-bottom: 0px; display: inline-block; margin-top: 6px; }
.n-new-time{ color: #ccc; font-size: 12px;}
.n-newtext > .news-note{ line-height: 30px;}

.n-new-icon{background: #26914b; width: 50px; height: 50px; position: absolute; left: 0; margin-left: -25px; z-index: 11; top: 50%; margin-top: -25px; color: #fff;}
.n-new-icon span{ text-align: center; line-height: 50px; font-size: 24px; display: inline-block; width: 100%;}
.n-news-note{ line-height: 22px; height: 44px; overflow: hidden;}


.n-new-more{ display: inline-block;  border: 1px solid #26914b; margin-top: 20px;}
.n-new-more a{ color: #26914b; padding: 6px 20px; display: inline-block;}
.n-new-more a:hover{display: inline-block; background: #26914b; color: #fff;  }

.pic-div{ width: 100%; display: inline-block; position: relative;}
.pic-img{height: 200px; width: 100%; overflow: hidden;}
.pic-img img{ width: 100%;}
.pic-body{ width: 100%; background: #f5f5f5; padding: 20px 10px;}
.pic-tit{ font-size: 14px; font-weight: bold; width: 100%;}
.pic-time{ font-size: 12px; color: #53d1a3;}
.pic-con{ font-size: 14px; color: #666; line-height: 24px; height: 75px; overflow: hidden;}

.footewm{ display: inline-block; overflow: hidden; width: 100%;}
.footewm img{ max-width: 100%;}


.left-cp{ width: 100%; background: #f5f5f5; border-right: 1px solid #eee; margin-top: -40px;}
.left-cp-tit{    background: #26914b; font-size: 24px; font-weight: bold; line-height: 80px; width: 100%; padding-left: 20px; color: #fff;}
.left-ul-a{ width: 100%;}
.left-ul-a > li > a{ line-height: 50px; background: #eeeeee; display: inline-block;width: 100%; padding-left: 20px; font-size: 16px; font-weight: bold; color: #26914b;}
.left-ul-b > li> a span{ margin-left: 20px; font-size: 18px;}
.left-ul-b > li> a{ line-height: 40px; border-bottom: 1px solid #eee; width: 100%; display: inline-block; padding-left: 20px;}
.left-ul-b > li> a:hover,.left-ul-b > li> a.active{ background: #26914b; color: #fff; padding-left: 30px;}
.left-ul-b > li> a:hover span,.left-ul-b > li> a.active span{ margin-left: 18px;}



.fl{float: left}
.fr{ float: right;}
.f18{ font-size: 18px;}
.f16{font-size: 16px;}
.mt5{ margin-top: 5px; }
.mt10{ margin-top: 10px; }
.mt20{ margin-top: 20px; }
.mt40{ margin-top: 40px; }
.mt80{ margin-top: 80px; }
.mb40{margin-bottom: 40px;}
.p0{ padding: 0px;}
.pl0{padding-left: 0px;}
.pr0{padding-right: 0px;}
.plr0{padding-left: 0px; padding-right: 0px;}
.ptb20{ padding-top: 20px; padding-bottom: 20px;}
.border0{border: 0px;}
.bg-f5f5f5{background: #f5f5f5;}
.bt2{ border-bottom: 2px solid #fff; display: inline-block;}
.baise{color: #fff;}
.lvse{ color: #5e9633;}
.moresb{  width: 100%; display: inline-block; text-align: center; margin-bottom: 20px;}
.moresb a{color: #fff; padding: 4px 20px;text-align: center; display: inline-block;  border-radius: 100px; margin: 0 auto;  margin-top: 10px; background: #5e9633;}

.moresb:hover a{color: #fff;}
.fixnav{background: rgba(254,254,254,1)!important; box-shadow: 5px 5px 15px #999;}
.w100{ width: 100%;}
.w100 img{ max-width: 100%; height: auto;}
.page-a img{ max-width: 100%; height: auto;}
.newn-page img{ max-width: 100%; height: auto;}
p {
    margin-bottom: 6px;
}

@media (max-width: 1360px){
    .toptel{width: 280px;}
    .pic-img{ height: 120px;}
    .sy-cp-text{ height: 200px; margin-top: -100px;}
    .news-left-ul{ height: 264px; overflow: hidden;}
    .news-f-img{ height: 80px; overflow: hidden;}
    .news-f-note{ height: 40px; overflow: hidden;}


}
@media screen and (max-width:760px) {
    .owl-buttons .owl-next{ right: 10px;}
    .owl-buttons .owl-prev{ left: 10px;}
    .foot-div { max-width: 100%; margin-left: 6px; padding-left: 6px;}
.ab-note{ width: 100%;} .page-b-ul li{ float: none;}
    .pro-div .pro-img{ height: 120px;}
    .page-tit .tit-cn{ font-size: 20px;}

}

 .nav-img{     padding: 5px 5px;
     width: 100%; display: inline-block;
     text-align: center;}
 .nav-img img{ width: 100%; overflow: hidden;}
@media screen and (min-width: 1200px){

    nav.navbar.bootsnav li.dropdown ul.dropdown-menu>li>a {
        color: #f5f5f5;
        padding: 10px 10px;     display: inline-block;
        width: 200px;
        text-align: center;
    }
    .dropdown-menu{text-align: center;    background: #329f5b;
        background: rgba(50,160,90,.9);
        border: 0px;}
    .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{    background: #ffcc66;
         background: rgba(254,204,102,0.9);
    }
    .dropdown ul li {
        display: inline-block;
    }
    .navbar-nav li {
        margin: 0 auto;
        text-align: center;
    }
    .navbar-collapse   .nav>li, .nav>li>ul > li {
        position: static;
    }

    .dropdown-menu-c{text-align: center;    background: #329f5b;
        background: rgba(50,160,90,.9);
        border: 0px;}
    .cp-anclas{ display: inline-block; text-align: left; width: 100%;}
    .cp-anclas li{ display: inline-block; padding: 0px 10px;}
    .cp-anclas li:hover a{color: #ffcc66;}
    .cp-anclas li{ line-height: 20px;}
    .dropdown-menu-c>li>a:focus, .dropdown-menu-c>li>a:hover{ background: transparent;}
    .dropdown ul.dropdown-menu-c > li{ border-left: 1px solid #fff;  padding-left: 10px; margin-right: 10px; width: 220px; min-height: 200px; margin-top: 0px; display: inline-table;}
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu-c>li>a{ text-align: left; width: 100%; color: #ffcc66; font-size: 16px; font-weight: bold; padding: 0px 20px;}
}