/*header*/
html {padding:0;margin:0;}
body{line-height: 160%; font-family: "Microsoft YaHei","微软雅黑"}
ul {list-style: none;padding:0;margin:0;}
ul li{ list-style-type: none;}
* {transition: all 0.3s ease 0s;}

a {text-decoration: none; color: #555;}
a:focus, a:hover{ text-decoration: none; color: #333;}

.zqlogo{ padding: 30px 0;}
.navbar {border:0;margin:0;min-height: 0;border-radius: 0; }

.container {padding:0;}
.navbar-default{ background-color: transparent; margin-top: 0px;}
.dropdown-menu>li>a {text-align: center;line-height: 30px;}
.navbar-nav ul li a {	padding:0  ;margin:0 ;}
.navbar-nav {	float: none;display: inline-block; border: 0px; margin: 0px; padding: 0px;height: 50px;}
.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;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover,.navbar-nav .active{   color: #fff;background:#48c990; background: linear-gradient(to right, #48c990 ,#2bb377);}
/*logo样式*/
.navbar-brand {	height: 100%;padding:0;}
/*导航a标签样式*/
.nav>li {	padding:6px 14px;margin-bottom: -5px;}
.nav>li:focus, .nav>li:hover {background:#48c990; background: linear-gradient(to right, #48c990 ,#2bb377);}
.nav>li>a {font-size: 14px; color: #4d4c4c; padding:0px 20px; font-size: 16px; color: #333 ;}
.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; border: 0px;}

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


.zq-page-a{width: 100%; padding: 40px 0; background: #f5f5f5;}


.page-tit{ width: 100%; display: inline-block; text-align: center;}
.page-tit .tit-cn{ font-size: 30px; font-weight: bold; color: #333; line-height: 50px;}
.page-tit .tit-cn span{color: #48c990;}
.page-tit .tit-en{ font-size: 14px; color: #bcc4c6; line-height: 30px; width: 100%;}

.fw-ul{ display: inline-block; padding: 40px 0;  padding-bottom: 0px; width: 100%;}
.fw-div{ display: inline-block; text-align: center; border: 1px solid #ccc; background: #fff; width: 100%; padding: 40px;}
.fw-div .fa{color: #48c990; font-size: 30px;}
.fw-div .fw-cn{ font-size: 16px; font-weight: bold; text-align: left; margin-top: 16px;}
.fw-div .fw-cn img{ display: inline-block; margin-right: 10px;}
.fw-div .fw-note{ font-size: 12px; text-align: left; margin-top: 6px; color: #666;}
.fw-ul li:hover .fw-div,.fw-ul li .active{background: #f5f5f5; box-shadow: 5px 5px 15px #ccc;}

.page-con{ width: 100%; margin-top: 20px; line-height: 25px;}
.ab-more{ width: 100%; display: inline-block; text-align: center; margin-top: 20px;}
.ab-more a{ background: url("../images/morebj.png"); width: 156px; height: 40px; line-height: 40px; display: inline-block;}
.ab-more a:hover{ background: url("../images/morebj.png") #48c990; color: #fff;}
.zq-page-b{width: 100%; padding: 40px 0; background: #fff;}
.yj-div{display: inline-block; width:100%; height: 240px; margin-top: 4px; overflow: hidden; position: relative;}
.yj-div .yj-body{height: 100%; position: absolute; color: #fff; top: 0;left: -300px; padding: 20px; background: #48c990; background: rgba(72,200,144,0.7); overflow: hidden; width: 100%;}
.yj-div .yj-body .yj-tit{ font-size: 14px; font-weight: bold; width: 100%; text-align: left}
.yj-div .yj-body .yj-note{ font-size: 12px;  line-height: 25px; margin-top: 10px; text-align: left;}

.yj-div:hover .yj-body{left: 0px;}

.zq-page-c{ width: 100%; padding: 40px 0;}
.page-c-l{ display: inline-block; background: #f5f5f5; width: 100%; padding: 40px;}
.page-c-r{ display: inline-block; background: #48c990; width: 100%; padding: 40px;}
.news-a-tit{ display: inline-block; width: 100%;}
.news-a-tit .news-a-tit-l{ float: left; font-size: 18px; font-weight: bold; padding-left: 10px; border-left: 4px solid #48c990;}

.news-a-more{ float: right; display: inline-block; text-align: center; margin-top: 0px;}
.news-a-more a{ background: url("../images/morebj.png"); width: 156px; height: 40px; line-height: 40px; display: inline-block;}
.news-a-more a:hover{ background: url("../images/morebj.png") #48c990; color: #fff;}

.news-a-ul{ display: inline-block; width: 100%; padding: 20px 0;}
.news-a-ul li{ position: relative; padding: 4px; display: inline-block; width: 100%; padding-bottom: 6px; line-height: 30px; overflow: hidden; border-bottom: 1px dashed #ccc;}
.news-a-ul li a{width:-webkit-calc(100% - 100px);width:-moz-calc(100% - 100px); width:calc(100% - 100px);  line-height: 30px; height: 30px; overflow: hidden;  display: inline-block; float: left;}
.news-a-ul li  span.yuan{    border: 2px solid #5e9633;
    height: 8px;
    width: 8px;
    border-radius: 10px;
    display: inline-block;
    margin-top: 12px;
    }
.news-a-ul li .new-time{ width: 80px;display: inline-block; color: #999; position: absolute; right: 10px;}
.news-a-ul li:hover{ background: #f5f5f5; box-shadow: 3px 3px 10px #ccc;}
.news-a-ul li:hover a{ color: #5e9633;}


.news-b-tit{ display: inline-block; width: 100%;}
.news-b-tit .news-b-tit-l{ float: left; font-size: 18px; font-weight: bold; padding-left: 10px; border-left: 4px solid #fff; color: #fff;}

.news-b-more{ float: right; display: inline-block; text-align: center; margin-top: 0px;}
.news-b-more a{ background: url("../images/morebj.png"); width: 156px; height: 40px; color: #fff; line-height: 40px; display: inline-block;}
.news-b-more a:hover{ background: url("../images/morebjb.png") #48c990; color: #fff;}

.news-b-ul{ display: inline-block; width: 100%; padding: 20px 0;}
.news-b-ul li{ position: relative; padding: 4px; display: inline-block; width: 100%; padding-bottom: 6px; line-height: 30px; overflow: hidden; border-bottom: 1px dashed #ccc;}
.news-b-ul li a{width:-webkit-calc(100% - 100px);width:-moz-calc(100% - 100px); width:calc(100% - 100px);  line-height: 30px; height: 30px; color: #fff; overflow: hidden;  display: inline-block; float: left;}
.news-b-ul li  span.yuan{    border: 2px solid #fff;
    height: 8px;
    width: 8px;
    border-radius: 10px;
    display: inline-block;
    margin-top: 12px;
}
.news-b-ul li .new-time{ width: 80px;display: inline-block; color: #f5f5f5; position: absolute; right: 10px;}
.news-b-ul li:hover{ background: #f5f5f5;  box-shadow: 3px 3px 10px #28a76f;}
.news-b-ul li:hover a{ color: #555;}




.foota{background: #313131; padding: 40px 0; color: #fff;}
.foota a{ color: #fff;}

.foot-nav{ display: inline-block; width: 100%; border-bottom: 1px solid #fff;}
.foot-nav .nav-tit{display: inline-block; width: 100%;}
.foot-nav .nav-tit .en{ font-size: 12px; color: #fff; width: 100%;}
.foot-nav .nav-tit .cn{ font-size: 14px; font-weight: bold; color: #fff; width: 100%;}
.foot-nav  li{ display: inline-block; padding: 8px 24px;}
.foot-nav  li a{display: inline-block; width: 100%; color: #fff;}

.foot-lx{ display: inline-block;width: 100%;}
.foot-lx .en{ font-size: 24px; font-weight: bold; color: #fff;}
.foot-lx .cn{ font-size: 14px; color: #fff; font-weight: bold;}

.foot-lx-ul{ width: 100%; display: inline-block; margin-top: 20px;}
.foot-lx-ul li{ color: #fff; font-size: 12px;}
.foot-lx-ul li span{ font-size: 14px;}

.footb{ background: #000; line-height: 22px; padding: 20px 0; color: #d8e4f0;}
.footb a{ color: #d8e4f0;}
.links{ display: inline-block; width: 100%;}
.links li:nth-child(1){ font-size: 14px; display: inline-block; width: 100%; font-weight: bold;}
.links li{ display: inline-block; padding: 2px 5px;}



/**/


.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 #28a76f; padding: 8px 0px; display: inline-block; color: #28a76f;width: 100px;margin-top:10px;overflow: hidden;}
.ny-nav-ul li a:hover,.ny-nav-ul li a.active{ background: #28a76f; color: #fff;}
.ny-pagen{ width: 100%; line-height: 50px; font-weight: bold; font-size: 20px; letter-spacing: 5px;}
.breadcrumb{ margin-bottom: 6px; display:inline-block; width: 100%; background-color: transparent;}

.nypage{ width: 100%; display: inline-block;}
.nypage-tit{line-height:40px;border-bottom:2px solid #ebf5ec;position:relative; margin-top: 10px;}
.nypage-tit .h2{display:inline-block;font-size:16px;word-spacing:.7em;color:#ccc;font-weight:normal; margin: 0px; padding: 0px;}
.nypage-tit .h2 a{display:inline-block;line-height:42px;margin-bottom:-2px;font-weight:bold;}
.nypage-tit .h2 a.cur{color:#28a76f;border-bottom:2px solid #28a76f;}
.nypage-tit .h2 span{color:#999;}
.nypage-tit .fr{color:#ddd;word-spacing:.5em;}
.nypage{margin-top:18px;position:relative; display: inline-block; width: 100%; padding-bottom: 40px;}

.nypage img{ max-width: 100%;}

/*news*/

.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{ transform: scale(1.1);}
.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: #ffc600; 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: #ffc600; 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-new-more{ display: inline-block;  border: 1px solid #ffc600; margin-top: 10px;}
.n-new-more a{ color: #ffc600; padding: 6px 20px; display: inline-block;}
.n-new-more a:hover{display: inline-block; background: #ffc600; color: #fff;  }

.nypage img{ max-width: 100%;}
.newlisbtn{border-top: 1px solid #ccc;padding-bottom: 15px;margin-left: 10px;margin-right: 10px; width: 100%; display: inline-block; margin-top: 20px;}
.newlisbtn a:hover{color:#27517b;text-decoration: none;}
.newlistul li{height:30px;line-height: 30px;font-size: 14px;margin-left: 30px;margin-right: 30px;}
.newlistul li a{color:#666;}
.newlistul li a:hover{color:#27517b;text-decoration: none;}
.new-note-x {
    font-size: 12px;
    color: #999;
}


.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;}

/**/
.pl0 {
    padding-left:0;
}
.pr0 {
    padding-right:0;
}
.ml0 {
    margin-left:0 ;
}
.mr0 {
    margin-right:0;
}
.ml100 {
    margin-left:100px ;
}
.p0{padding-left: 0px; padding-right: 0px;}

.fl {
    float: left;
}
.fr {
    float: right;
}
.w100 {
    width: 100%;
}

.mt10 {
    margin-top: 10px !important;
}
.mt20 {
    margin-top: 20px;
}
.mt30 {
    margin-top: 30px;
}
.mt6 {
    margin-top: 6px;
}

.mt60 {
    margin-top: 60px;
}
.tac {
    text-align: center;
}

.pb10 {
    padding-bottom: 10px;
}
.borderb1 {
    border-bottom:1px solid #d4d4d4;
}


@media screen and (min-width: 768px){

    .navbar-nav { margin-top: 0px;
        font-size: 14px;
        font-weight: lighter;
        margin-left: 0px; line-height: 24px
    }
    .navbar-brand{padding-left: 0px!important;}
    .new-page.ny-page>div span:first-child{  width: 500px;}
    .navbar-header {
        padding: 0px 100px;
    }
    .nav{padding-right: 40px;}
    .navbar-nav>li>a{    padding-top: 6px;
        padding-bottom: 6px; }
    .dropdown-menu{ text-align: center; background: rgba(254,254,254,1); width: 100%;}
    .navbar-nav li:hover a{color: #fff;}

    .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{ color: #0078c8!important; background:none;}
}