/*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{ color: #333;}


/*头部样式*/

.topabg {background: #0078c8; display: inline-block; line-height: 30px; height: 30px; color: #fff;}
.topabg a{ color: #fff;}
.topabg p {float: left;color: #858585;font-size: 12px;line-height: 30px;margin:0;}

 @-webkit-keyframes scrollText2 {
     0%{
         -webkit-transform: translateX(0px);
        }
  33%{
             -webkit-transform: translateX(504px);
         }
    66%{
             -webkit-transform: translateX(-1008px);
         }
    100%{
             -webkit-transform: translateX(-1512px);
         }

}
 @keyframes scrollText2 {
     0%{
             transform: translateX(0px);
         }
    33%{
             transform: translateX(-504px);
         }
   66%{
             transform: translateX(-1008px);
         }
   100%{
       transform: translateX(-1512px);
        }

 }


.box4{  position: absolute;    left: 20px;  width: 500px;  height: 30px;  overflow: hidden; }
.border4{   position: absolute;  top: 0px;  left: 0px;  width: 1500px;  -webkit-animation:scrollText2 12s infinite  cubic-bezier(1,0,0.5,0);
    animation:scrollText2 12s infinite  cubic-bezier(1,0,0.5,0) ;  }
.border4 a{  height: 30px;  width:500px;  overflow: hidden;  display: inline-block; }
 .border4:hover{  animation-play-state:paused;  -webkit-animation-play-state:paused;  }

.top-icon{display: inline-block;  width: 100%; text-align: right;}
.top-icon .fa{ margin-right: 10px; float: right; padding: 0px 10px; line-height: 30px; }
.top-icon .fa:hover, .top-icon .active{ background: #30a3ef;}
.weix-t{display: inline-block;    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased; float: right;}
/*鼠标悬停图标显示二维码效果*/
.weixin_nr{width:140px; height:160px; padding:10px; background:#fff; text-align:center; position:absolute; left:-60px; box-shadow: 5px 5px 15px #ccc; top:44px; color: #555; display:none;z-index: 9999}
.weixin_nr .arrow{ width:0; height:0; border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:55px; top:-10px;}

.navbar {border:0;margin:0;min-height: 0;border-radius: 0; }

.container {padding:0;}
.navbar-default{ background-color: transparent; margin-top: 16px;}
.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:#0078c8; background: linear-gradient(to right, #0078c8 ,#0365a6);}
/*logo样式*/
.navbar-brand {	height: 100%;padding:0;}
/*导航a标签样式*/
.nav>li {	padding:6px 14px;margin-bottom: -5px;}
.nav>li:focus, .nav>li:hover {background:#0078c8; background: linear-gradient(to right, #0078c8 ,#0365a6);}
.nav>li>a {font-size: 14px; color: #4d4c4c;padding:0;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;}

.mj-page{display: inline-block; width: 100%; padding: 10px 0px;}
.home-ab-tit{ width: 100%; display: inline-block; padding: 10px 0; padding-left: 10px; }

.tit-text{ font-size: 30px; font-weight: bold; color: #333; margin-right: 20px;}
.tit-text > span{color: #0078c8;}
.tit-en{ font-size: 14px; color: #bcbcbc; display: inline-block; margin-top: 6px; font-style:oblique;}
.home-ab-con{ line-height: 25px; margin-left: 20px; height: 150px; overflow: hidden; font-size: 12px; color: #666;  width: 100%; display: inline-block; margin-top: 30px;}
.ab-more{display: inline-block; width: 100%; margin-top: 30px;}
.ab-more a{ display: inline-block; margin-left: 20px; padding: 8px 20px; background: #0078c8; color: #fff; transform:skew(-15deg);}
.ab-more a:hover{ background: #30a3ef; transform: skew(0deg);}
.home-jy-con{ line-height: 25px; margin-left: 20px; height: 204px; overflow: hidden;  width: 100%; font-size: 12px; color: #666; display: inline-block; margin-top: 30px;}

.page-tit{ width: 100%; display: inline-block; text-align: center;}
.page-tit .tit-cn{ font-size: 30px; font-weight: bold; color: #333; line-height: 40px;}
.page-tit .tit-cn span{color: #0078c8;}
.page-tit .tit-en{ font-size: 14px; background: url("/public/static/index/images/pgbj-x.png") center no-repeat; line-height: 30px; width: 100%;}

#owl-ry{display: inline-block; padding: 40px 0; padding-bottom: 0px; width: 100%; display: inline-block; text-align: center;}
#owl-ry li{display: inline-block; width: 100%; padding: 6px 3px;}
#owl-ry .ry-div{ background: url("/public/static/index/images/ry-bj1.png") center;     background-size: cover; width: 100%; height: 160px; display: inline-block;}
#owl-ry .ry-div a{display: inline-block;  margin-top: 12px;border: 4px solid #ccc;  }
#owl-ry .ry-div img{width: 200px; height: 130px;display: inline-block;}
#owl-ry .ry-div:hover,#owl-ry .active{ background: url("/public/static/index/images/ry-bj2.png") center ;}


.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; width: 100%; padding: 40px 20px;}
.fw-div .fa{color: #0078c8; font-size: 30px;}
.fw-div .fw-cn{ font-size: 16px; font-weight: bold; margin-top: 16px;}
.fw-div .fw-en{ font-size: 12px; margin-top: 6px; color: #666;}
.fw-ul li:hover .fw-div,.fw-ul li .active{background: #0078c8;}
.fw-ul li:hover .fa,.fw-ul li .active .fa{color: #fff;}
.fw-ul li:hover .fw-cn,.fw-ul li .active .fw-cn{color: #fff;}
.fw-ul li:hover .fw-en,.fw-ul li .active .fw-en{color: #fff;}

#owl-yj{ padding: 40px 0; padding-bottom: 0px; display: inline-block; text-align: center;}
.yj-div{display: inline-block; width: 280px; height: 170px; margin-top: 4px; overflow: hidden; position: relative;}
.yj-div .yj-img,.yj-div .yj-img img{ width: 100%;height: 100%;}
.yj-div .yj-body{height: 100%; position: absolute; color: #fff; top: 0;left: -300px; padding: 20px; background: #0078c8; background: rgba(0,120,200,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;}
 .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: #0078c8; 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: #0078c8;}

.new-hot{ display: inline-block; width: 100%; margin-top: 40px; height: 334px; overflow: hidden; position: relative;}
.new-hot >.new-pic{ width: 100%; height: 100%; border: 1px solid #f5f5f5; text-align: center; display: inline-block;}
.new-hot >.new-pic > img{ height: 100%; width: 100%;}
.new-hot .new-hot-t{ line-height: 40px; text-align: left; left: 0; position: absolute; bottom: 0; width: 100%; display: inline-block; padding: 6px 16px; background: #0078c8; background: rgba(0,120,200,0.9);}
.new-hot .new-hot-t a{ color: #fff;}


.new-tj{ display: inline-block; width: 100%; padding: 4px 10px; margin-top: 6px; border: 1px solid #f1f1f1;}
.new-tj .new-tit{ font-size: 14px; font-weight: bold; line-height: 25px; height: 25px;overflow: hidden; }
.new-tj .new-time{ background: #0078c8; padding: 0px 10px; margin-top: -6px; margin-bottom: -6px; line-height: 18px; font-size: 12px; color: #fff; display: inline-block;}
.new-tj .new-note{ line-height: 20px; font-size: 12px; height: 40px; overflow: hidden; color: #666; margin-top: 0px;}
.new-tj:hover{ background: #0078c8; }
.new-tj:hover .new-tit,.new-tj:hover .new-note{color: #fff;}
.new-tj:hover .new-time{background: #fff; color: #0078c8;}

.foota{background: #0078c8; padding: 40px 0;}

.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: #004674; background: linear-gradient(to right, #187fe5 ,#0365a6); line-height: 40px; color: #d8e4f0;}
.footb a{ color: #d8e4f0;}


/*内页*/
.page-ny{ display: inline-block; width: 100%; }
.page-nav1{ padding: 20px 0; background: #0078c8; background: linear-gradient(to right ,#1a96e9, #0064a6); 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: 10px; margin-bottom: 10px; 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 #fff; padding: 8px 16px; display: inline-block; color: #fff; margin-top:10px;overflow: hidden;}
.ny-nav-ul li a:hover,.ny-nav-ul li a.active{ background: #fff; color: #0078c8;}
.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%;}

.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:#004674;border-bottom:2px solid #004674;}
.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%;}


.zswd-ul li{ display: inline-block; width: 100%; padding-bottom: 10px; background: #eeeded; margin-top: 20px; border-radius: 6px; cursor: pointer;}
.zswd-ul li{ transition: all 0s ease 0s;}
.wd-tit{ font-size: 14px; font-weight: bold; line-height: 40px; padding: 0px 16px; margin-top: 10px;}
.wd-note{ line-height: 24px; font-size: 12px; margin-top: 10px; color: #999; width: 100%; display: inline-block; padding-left: 16px; padding-right: 16px;}
.wd-note .huida{ background: #fff; border-radius: 6px; display: inline-block; padding: 10px; transition: all 0s ease 0s;}

/*news*/
/*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: 20px;}
.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;
}



/*rongyu*/

.ry-ul{ display: inline-block;}
.ry-ul .ry-div{ width: 100%; height: auto;}
.ry-ul .ry-div img{height: 180px;}
.ry-ul .ry-div .ry-tit{ line-height: 40px; height: 40px; display: inline-block; overflow: hidden; width: 100%; text-align: center;}
.ry-div:hover img{transform: scale(1.1);}





.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:#27517b; color:#fff; }
.fenyeys a{ margin:2px 6px; border-radius:25px; padding:2px 10px; background:#ccc; color:#fff; }
.fenyeys a:hover{ background:#27517b;}
.nyright-con .col-md-12{margin: 0px; padding: 0px;}



@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;}
}

















/*public*/

.ny-r-c{display: inline-block; width: 100%;}

.p0{ padding-left: 0px; padding-right: 0px;}
.pl0 {	padding-left:0;}
.pr0 {	padding-right:0;}
.ml0 {	margin-left:0 ;}
.mr0 {	margin-right:0;}
.ml100 {	margin-left:100px ;}
.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;}
.rela{position: relative}
.ba-f5f5f5{ background: #f5f5f5;}
h3 {margin:0;}
h4 {	margin:0;}
a {	text-decoration: none !important;}