@charset "utf-8";
img{ max-width: 100%;}
.sb-search {
	position: relative;
	margin-top: -5px;
	width: 0%;
	min-width: 60px;
	height: 60px;
	float: right;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
}

.sb-search-input {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	outline: none;
	background: #efefef;
	width: 260px;
	height: 60px;
	margin: 0;
	z-index: 10;
	padding: 20px 65px 20px 20px;
	font-family: inherit;
	font-size: 16px;
	color: #ddd;
}

.sb-search-input::-webkit-input-placeholder {
	color: #999;
}

.sb-search-input:-moz-placeholder {
	color: #999;
}

.sb-search-input::-moz-placeholder {
	color: #999;
}

.sb-search-input:-ms-input-placeholder {
	color: #999;
}

.sb-icon-search,
.sb-search-submit  {
	width: 60px;
	height: 60px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 60px;
	text-align: center;
	cursor: pointer;
}

.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}

.sb-icon-search {
	color: #0099d9;
	background: #fff;
	z-index: 90;
	font-size: 22px;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}

.sb-icon-search:before {
	content: "";
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
	width: 260px;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	background: #0099d9;
	color: #fff;
	z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}
.demo-nav.fixed.fixed-top {
    z-index: 8;
    background: #fff;
    width: 100%;
    padding: 0;
    border-bottom: solid 3px #0a8;
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .175);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .175);
}
.quan{ background: #a5a5a5;border-radius:50%;color:#fff;text-align:center;width:20px; height:20px; margin-left: 10px; line-height:20px; display: inline-block;}
.quan i{color: #fff;}
.quan:hover{ background: #ff9000;}
#weixin2 {
	position: absolute;
    display: none;
    margin-top: 8px; margin-left: -40px; z-index: 999; width: 80px; height: 80px;
}
#weixin4 {
    position: absolute;
    display: none;
    margin-left: 45px;
    margin-top: -40px;
}
.maxwidth{ width:100%; max-width: 1920px; margin: auto;}
.indexpro{padding: 20px 0 20px 0;}
.indexpro div {
    text-align: center;
    border-right: solid 1px #ddd;-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;
}
.indexpro div:first-child{border-left: solid 1px #ddd;}
.indexpro h2 {
    font-size: 24px; line-height: 2; margin-bottom: 0;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}
.indexpro p{margin: 20px auto 10px auto;}
.indexpro img{-moz-transition: all 1.8s ease 0s;-ms-transition: all 1.8s ease 0s;-o-transition: all 1.8s ease 0s;transition: all 1.8s ease 0s;}
.indexpro span{ display: block;  margin: auto; -moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.indexpro .button{ margin-bottom: 50px;}
.indexpro div:hover{ background: #212121;}
.indexpro div:hover h2{ font-weight: bold;}
.indexpro div:hover img{transform: scale(1.2);-moz-transform: scale(1.2);-webkit-transform: scale(1.2);}
.indexpro div:hover p{}
.indexpro div:hover span{ width: 70%;}

.indexpro1 div {
    text-align: center;
    border-right: solid 1px #ddd; padding-bottom: 20px;
}
.indexpro1 h2 {
    font-size: 16px; line-height: 2; height: 3rem;
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}
.indexpro1 p{margin: 35px auto 15px auto; height: 58px;}
.indexpro1 img{-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.indexpro1 span{ display: block; background: #d4d4d4; width: 35px; height: 6px; margin: auto; border-radius: 6px;-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.indexpro1 div:hover h2{ font-size: 20px; font-weight: bold;}
.indexpro1 div:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}
.indexpro1 div:hover p{ margin-bottom: 15px;}
.indexpro1 div:hover span{ width: 70%;}

.henggang{display: block; background: #009ed1; background-image: linear-gradient(to right, #009ed1 , #00bf97); width: 50px; height: 5px; border-radius: 2px; margin: 10px 0;}
.daxie{text-transform:Uppercase; color: #969696; font-size: 1.2em;}
.text-align-center{ text-align: center;}
.rongyubg{background: #0099d7 url(/skin/runhong/images/rongyubg.jpg) no-repeat center top; display: table; padding: 60px 0;}
.rongyu{ background: url(../images/jiangbei.png) no-repeat left top; max-width: 600px; color: #fff; padding-left: 68px;}
.indexyewu{ width: 20%; float: left; color: #fff; display: table; position: relative; overflow: hidden;}
.indexyewu img{ z-index: -2;}
.indexyewu p{ background: #003874;filter: alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8; height: 25%;position: absolute; bottom: -16px; z-index: 1;width: 100%;}
.indexyewu h1{ font-size: 22px;position: absolute; bottom: 45px; text-align: center;width: 100%;z-index: 2;}
.indexyewu h2{ font-size: 13px;position: absolute; bottom: 20px; text-align: center;width: 100%;z-index: 2;}
.indexyewu:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transition: all 1.8s ease 0s;-ms-transition: all 1.8s ease 0s;-o-transition: all 1.8s ease 0s;transition: all 1.8s ease 0s;}
.indexyewu:hover p{ height: 100%;-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.indexyewu:hover h1{ bottom: 60%;-moz-transition: all .5s ease .5s;-ms-transition: all .5s ease .5s;-o-transition: all .5s ease .5s;transition: all .5s ease .5s;}
.indexyewu:hover h2{ bottom: 45%;-moz-transition: all .7s ease .5s;-ms-transition: all .7s ease .5s;-o-transition: all .7s ease .5s;transition: all .7s ease .5s;}
.indexmessage dd{float: left; padding: 12px 5px 0;}
.idpro .img{overflow: hidden; width: 100%;}
.idpro .img img{width: 100%;}
.idpro:hover .img img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transition: all 1.8s ease 0s;-ms-transition: all 1.8s ease 0s;-o-transition: all 1.8s ease 0s;transition: all 1.8s ease 0s;}
.idpro{background: #efefef;}
.idpro:hover{background: #d1e6fc;}


.zhongtu{ margin:10px auto; float: none;}
.indexsearchbg2 input:focus{border: none;border-color:none;}
.effect-hover>div>.open-width {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    background: rgba(0,0,0,.5);
}
.open-width {
    opacity: 0;
    width: 0;
    height: 100%;
    transition: all .35s ease;
}
.effect-hover > .effect-content > strong {
    font-size: 1.25rem;
    margin-top: 10%;
    transition: all 0.3s ease;
}
.effect-hover > .effect-content > strong {
    color: #00c48f;
    font-weight: normal;
}
.effect-hover > .effect-content > p {
    display: block;
    font-size: .875rem;
    color: #fff;
    margin-top: -1.75rem;
    transition: all 0.3s ease;
}
.effect-hover > .effect-content {
    opacity: 0;
    transition: all 0.3s ease;
}
.effect-hover > .effect-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.effect-hover:hover>.effect-content{opacity:1;}
  .effect-hover:hover>.effect-content>i.icon-add{margin-bottom:0;}
  .effect-hover:hover>.effect-content>em{height:25%;}
  .effect-hover:hover>.effect-content>strong{transform:translateY(-.875rem);}
  .effect-hover:hover>.effect-content>p{transform:translateY(.875rem);}
  .effect-hover>.effect-content>i.icon-add:hover{transform:rotate(180deg);color:#fff!important;}
.effect-hover span{ position: absolute;opacity: 1; margin-top: 50px; margin-left: 50px; font-weight: bold;}
.effect-hover:hover span{ opacity: 0;-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;}
.aboutus{ background: url(../images/abbg.jpg) no-repeat center top; padding-top: 150px; padding-bottom: 100px; margin-top: 50px;}
ul.num-change{margin-top: 55px; color: #fff; border-left: solid 1px #80beb1;height: 190px;}
ul.num-change li{width: 33%;text-align: center;float: left;}
ul.num-change li::after{content: "";width: 1px;height: 190px;background: #80beb1;float: right;margin-top: -150px;}
ul.num-change li h3{position: relative;font-size:88px;font-weight: bold;}
ul.num-change li h3 span{font-size:88px;font-weight: bold;}
ul.num-change li h3:after{content: "+";display: block;position: absolute;top: 0;right: 30%;font-size: 30px; color: #f38200;}
ul.num-change li h3.nojia:after{content: none;}
ul.num-change li h4{position: relative;font-size:50px;font-weight: bold;}
ul.num-change li h4 span{font-size:50px;font-weight: bold;}
ul.num-change li h4:after{content: "+";display: block;position: absolute;top: 0;right: 10%;font-size: 30px; color: #f38200;}
ul.num-change li h4.nojia:after{content: none;}
ul.num-change li p{font-size: 22px;}

.nav-tabs li{ background: #656565; width: 166px; height: 60px; line-height: 60px; text-align: center; font-size: 1.2em; cursor: pointer;}
.nav-tabs li.active{background-image: linear-gradient(to right, #009ed1 , #00bf97);}
.nav-tabs li a{color: #fff; background: none; border: none;}
.nav-tabs li a:hover{color: #fff; background: none; border: none;}
.nav-tabs li.active > a{color: #fff; background: none; border: none;}
.nav-tabs li.active > a:hover{color: #fff; background: none; border: none;}
.newsindex{background: url(../images/newsbg.jpg) no-repeat center top; padding: 80px 0;}
.liuyan{background: url(../images/liuyanbg.jpg) no-repeat center top; height: 391px;}
.guanjianci1{padding: 20px 0 20px 0;}
.guanjianci1 span{ margin: 0 1em; }
.bottom_zhong{ border-top:solid 1px #696969; border-bottom:solid 1px #696969; padding: 20px 0;}
.toptop{background: #0070c6;}
.effect-hover:hover .open-height{
    height: 100% !important;
    opacity: 1;
}

.effect-hover>.effect-content>i.icon-add,.effect-hover>.effect-content>p{display:none;}
.effect-hover>.effect-content{ z-index:100; position:absolute;top:0;right:0;bottom:0;left:0;padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;}
.effect-hover>.effect-content>strong{color:#00aa88;font-weight:normal;font-size:.75rem;}

  .effect-hover>div>.open-width{position:absolute;top:0;left:0;width:0;background:rgba(0,0,0,.5);}
  .effect-hover>div>.open-height{position:absolute;top:0;left:0;right:0;height:0;background:rgba(0,0,0,.5);}
  .effect-hover>.effect-content{opacity:0;transition:all 0.3s ease;}
  .effect-hover>.effect-content>i.icon-add{display:inline-block;font-size:2rem;margin-bottom:1.5rem;transition:all 0.3s ease;}
  .effect-hover>.effect-content>em{background:rgba(255,255,255,.25);margin-bottom:.5rem;width:1px;height:1rem;transition:all 0.3s ease;}
  .effect-hover>.effect-content>strong{font-size:1.25rem;margin-top:10%;transition:all 0.3s ease;}
  .effect-hover>.effect-content>p{display:block;font-size:.875rem;color:#fff;margin-top:-1.75rem;transition:all 0.3s ease;}
  .effect-hover:hover>.effect-content{opacity:1;}
  .effect-hover:hover>.effect-content>i.icon-add{margin-bottom:0;}
  .effect-hover:hover>.effect-content>em{height:25%;}
  .effect-hover:hover>.effect-content>strong{transform:translateY(-.875rem);}
  .effect-hover:hover>.effect-content>p{transform:translateY(.875rem);}
  .effect-hover>.effect-content>i.icon-add:hover{transform:rotate(180deg);color:#fff!important;}
.input250{width:300px; height: 48px;}
#qiyewenhua{ background: url(../images/wenhuabg.jpg) no-repeat center bottom; padding: 1em 0 3em 0; margin-top: 3em;}
.xiaodian{font-size: 2.5em; margin-bottom: 0;}
#navButtons{ position:fixed; z-index:9999;left:0;right:0;bottom:0;height:4rem;background:var(--color-main);}
.navButtons ul{display:-webkit-box;display:-moz-box;display:box;width:100%; margin: 0;}
.navButtons li{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1}
.navButtons li.on{background-image: linear-gradient(to right, #009ed1 , #00bf97);height:4rem; }
.navButtons li a{text-align:center;color:#fff;display:block;font-size:.8rem; padding-top:2rem;line-height:2rem;height:16px;background-position:center 5px;background-repeat:no-repeat;background-size:28px 28px}
.navButtons li .indexPage{background-image:url("../images/fw03/navbuttons_01.png")}
.navButtons li .telephoneButton{background-image:url("../images/fw03/navbuttons_02.png")}
.navButtons li .sendMail{background-image:url("../images/fw03/navbuttons_03.png")}
.navButtons li .weixin{background-image:url("../images/fw03/navbuttons_06.png")}
.navButtons li .companyMap{background-image:url("../images/fw03/navbuttons_04.png")}
.navButtons li .pageShare{background-image:url("../images/fw03/navbuttons_05.png")}
.tabnews{width: 216px; border-bottom: none; padding-left: 0; position: relative; bottom: 0;}
.nav .nav.nav-menu li a{ text-align: center;padding: 0.5em 0;}
@media(min-width:1600px){
  .effect-hover>.effect-content>i.icon-add{font-size:3rem;}
}
@media(max-width:1640px){
  .input250{width:250px; height: 48px;}
  .nav>li>a{padding: .5em 2.5em;}
  .didaohangdl{ width: 166px;}
  .tabnews{width: 156px;}
  .nav-tabs li{width: 156px;}
  .guanjianci1{ font-size: 1.1rem !important;}
  .inews_list li{ padding: 5px 10px 13px 10px;}
  .inews_list ._text{ line-height: 1.3rem; font-size: .8rem; height: 2.7rem;}
  .inews_list ._date1{ font-size: 36px; line-height: 1.4; padding-top: 0;}
}
@media(max-width:1280px){
  .input250{width:168px; height: 48px;}
  .guanjianci1{ font-size: .88rem !important;}
  .nav>li>a{padding: .5em 1.5em;}
  .didaohangdl{ width: 132px;}
  .tabnews{width: 116px;}
  .nav-tabs li{width: 116px;}
  .inews_list ._intro a ._title{ font-size: 1rem !important; line-height: 32px; height: 32px;}
  .inews_list ._text{ line-height: 1.2rem; font-size: .8rem;  height: 36px; line-height: 16px;}
  .inews_list ._date1{ font-size: 30px; line-height: 1.2;}
  h1.dabiaoti{ font-size: 1.6rem !important;}
  .xiaodian{ font-size: 2rem;}
  ul.num-change li h3::after{right: 20%;}
  .aboutus h3{ font-size: 1.2rem !important;}
}
@media(max-width:1024px){
  .input250{width:180px; height: 48px;}
  .nav>li>a{padding: .5em 1em;font-size: 1rem;}
  .didaohangdl{ width: 110px;}
  .indexpro div{ border-right: none;}
}
@media(max-width:768px){
  .input250{width:300px; height: 48px;}
  .didaohangnei{ display: none;}
  .newsbox2{float: none;}
  .inews_list ._text{display: none;}
  .inews_list ._intro a ._title{ height: auto; white-space: normal;font-size: 1.2em !important; line-height: 1.5em !important;}
  h1.dabiaoti{ font-size: 1.5em !important; line-height: 1.5 !important; margin-top: 20px;}
  .aboutus{padding-bottom: 30px; margin-top: 30px;}
  .indexpro{ padding: 20px 0;}
  .padding-top-large{padding-top: 1em !important;}
  .padding-bottom-large{padding-bottom: 1em !important;}
  picture.piclogo img{ max-width: 80%;}
  .list4 .jianjie{display: none;}
  .list4 h1{ font-size: 1.2em !important;}
  .list4 h2{ font-size: 1em !important;}
  .protitle{font-size: 1.5em !important;}
  .c h2{font-size: 1.5em !important;}
  .tongyongwai11{display: none;}
  .nav.nav-big > li > a {
      padding: 0 0.5em !important;
      font-size: 1rem !important;
  }
  .dropdown{ display: none;}
  .position{ font-size: .9em; line-height: 1;}
  .toptop .margin{margin: var(--box-small) !important;}
  .content .list4 dl{padding: 10px 10px 10px 10px; margin: 0 !important;}
  #comment{display: none;}
  ul{padding-left: 0;}
  .inews_list ._date1{font-size: 20px !important;}
  .navbar{min-height: auto;}
  ul.num-change{height: 130px; border-left:none;}
  ul.num-change li h3 span{ font-size: 50px;}
  ul.num-change li p{ font-size: 14px;}
  ul.num-change li::after { 
      content: "";
      width: 0px;
      height: 130px;
      background: #80beb1;
      float: right;
      margin-top: -100px; 
  
  }
  ul.num-change li h3::after{right: 12%;}
  .indexpro img{width: 20%;}
  .indexpro{padding-top: 0; border-top: none; background: #efefef; margin-top: .5em !important;}
  .daxie{ font-size: 1em;}
  .fubiaoti{font-size: 1em !important;}
  .indexpro p {
      margin: 20px auto 10px auto;
  }
  .indexpro .button {
      margin-bottom: 30px;
  }
  .effect-hover span {
      position: absolute;
      opacity: 1;
      margin-top: 15px;
      margin-left: 10px;
      font-weight: bold;
  }
  .xiaodian{font-size: 1.2em; margin-bottom: 0;}
  .nav.nav-switch{ position: absolute; right:2em; top: -3rem;}
  .bottom{ padding-bottom: 4rem;}
  .aboutus h3{ font-size: .8rem !important;}
  
  .content .list4 ._date1{font-size: 30px;}
  .content .list4 ._date1 ._d1{ font-size: 12px;}
  .content .list4 .margin-right-large{ margin-right: .8rem !important;}
  .content .list4 h2{ line-height: 1.8;}
}