@charset "utf-8";
img{ max-width: 100%;}
.sb-search {
	position: relative;
	margin-top: -5px;
	width: 0%;
	min-width: 50px;
	height: 50px;
	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: 200px;
	height: 50px;
	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: 50px;
	height: 50px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 50px;
	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;
}
.fa-search{font-size:15px; color:#999; padding: .5em;border-radius: 50%;}
.sb-icon-search:before {
	content: "";
}

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

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	background: #0d3483;
	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: 70px 0; border-top:solid 1px #cdcdcd; border-bottom:solid 1px #cdcdcd;}
.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 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;
}
.idpro1{padding-top: 1rem;}
.idpro1 .scale{background: url(../images/pro1bg.jpg) no-repeat left top;}
.idpro2 {
    padding-top: 1rem;
}
.idpro1 p{ color: #999;}
.idpro1:hover{background: var(--color-sub); color: #fff;}
.idpro1:hover a{color: #fff;}
.idpro1:hover p{color: #fff;}
.indexpro p{margin: 50px auto 20px 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: #ff7f00; width: 40px; height: 3px; border-radius: 2px; margin: 10px 0;}
.daxie{text-transform:Uppercase; color: #969696;}
.text-align-center{ text-align: center;}
.rongyu{background:url(/skin/derun/images/rongyubg.jpg) no-repeat center top; padding: 5px 0 10em 0;}
.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{ background: #fff; border-radius: .8em; color: var(--color-main) !important; float: left; padding-right: 0; margin-right: 5%; width: 45%;}
.idpro .img{overflow: hidden; width: 100%;  border:solid 2px #fff; border-radius: .8em; background: url(../images/pro1bg.jpg) no-repeat left top;}
.idpro .img img{width: 100%; -moz-transition: all 1s ease 0s;-ms-transition: all 1s ease 0s;-o-transition: all 1s ease 0s;transition: all 1s ease 0s;}
.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:hover{background: var(--color-sub); color: #fff !important;}
.idpro .yinhao{ font-family: arial; color: #e9e9e9; font-size: 4rem;line-height: 1rem; margin-top: 3rem;}

.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: #ff5006;
    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; bottom: 40px; margin-left: 50px; font-weight: bold; font-size: 1.4em;}
.effect-hover span div{ font-weight: normal; font-size: .7em;}
.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: 80px;}
.abimg{ margin-top: 7.8rem; margin-bottom: 7rem;}
ul.num-change{margin-top: 70px; height: 150px;}
ul.num-change li{width: 33%;text-align: center; float: left;}
ul.num-change li.nobian::after{ background: none;}
ul.num-change li:first-child{ margin-left: -4.5rem;}
ul.num-change li:after{content: "";width: 1px;height: 60px;background: #ddd;float: right;margin-top: -70px;}
ul.num-change li h3{position: relative;font-size:1.5em;font-weight: bold;margin-bottom: .5rem;}
ul.num-change li h3 span{font-size:2em;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 h3 b{ font-size: .8em; font-weight: normal;}
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: 1em;}

.nav-tabs li{ background: #eeeeee; border: solid 1px #ddd; width: 208px; height: 44px; line-height: 44px; text-align: center; font-size: 1.2em; cursor: pointer;}
.nav-tabs li.active{background: var(--color-main); border: solid 1px var(--color-main);}
.nav-tabs li a{color: #555; background: none; border: none;}
.nav-tabs li a:hover{color: #fff; background: none; border: none;}
.nav-tabs li.active > a:link{color: #fff; background: none; border: none;}
.nav-tabs li.active > a:visited{color: #fff; background: none; border: none;}
.nav-tabs li.active > a:hover{color: #fff; background: none; border: none;}
.nav-tabs li.active > a:active{color: #fff; background: none; border: none;}
.nav-tabs1 li{ background:none; width: 208px; height: 66px; line-height: 66px; font-size: 1.2em; cursor: pointer;}
.nav-tabs1 li.active{background: none; }
.nav-tabs1 li.active:before{content:"";background-color: #fff;
width: 11em;
height: 2px;
display: inline-block;
position: absolute;
margin-left: -12em;
margin-top: 1.8em;}
.nav-tabs1 li a{color: #fff; background: none; border: none; font-size: 19px;}
.nav-tabs1 li a:hover{color: #fff; background: none; border: none; font-size: 28px;}
.nav-tabs1 li.active > a:link{color: #fff; background: none; border: none; font-size: 28px;}
.nav-tabs1 li.active > a:visited{color: #fff; background: none; border: none; font-size: 28px;}
.nav-tabs1 li.active > a:hover{color: #fff; background: none; border: none; font-size: 28px;}
.nav-tabs1 li.active > a:active{color: #fff; background: none; border: none; font-size: 28px;}
.newsindex{background: url(../images/newsbg.jpg) no-repeat center top; padding: 5px 0 50px 0;}
.liuyan{background: url(../images/liuyanbg.jpg) no-repeat center top; height: 391px;}
.bannert{ background: rgba(37,156,62,.8); z-index: 100; position: absolute;border-top-right-radius:2em; text-indent:11%; color: #fff; width: 90%; height: 4em; margin-top: -4em; line-height: 4em;}
.bannert a{ color: #fff;}

.guanjianci1{padding: 20px 0 20px 0;}
.guanjianci1 span{ margin: 0 1em; }
.bottom_zhong{padding: 2em 0 3em 0; margin: auto;}

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

.yewu{ background:url(../images/yewubg.jpg) no-repeat center bottom ; padding-bottom: 10em;}
.bb{ position: absolute; top:50%}
.bb div{padding: 0 2em;}
.bb p{padding-top: .5em;}
.bb a p{ 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;}
.bb a:hover p{ opacity: 1; transform:translateX(.875rem);}
.bb2{position: absolute; top:25%; left: 30%;}
.bb2 h1{font-size: 2.6em !important;}
.bb2 h1 div{ font-size: .9em; padding-top: .6em;}
.bottom_tou .button{ padding: .5em 5em;}
.proindex{ background: url(../images/probg.jpg) no-repeat center top; padding: 10px 0 4em 0; margin-top: .6em;}
.aboutindex{ background: url(../images/aboutbg.jpg) no-repeat center top;}
.youshi{ background: url(../images/youshibg.jpg) no-repeat center bottom; padding: 10px 0 5em 0;}
.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:#fff;font-weight:normal;font-size:.75rem;}
.proindex.effect-hover:hover>.effect-content>strong{color:#ff9914; margin-top: 0;}
.proindex.effect-hover:hover>.effect-content>p{ margin-top: 12rem;}
  .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:100%;background:rgba(0,0,0,.6);}
  .open-height1{position:absolute;top:0;left:0;right:0;height:0;background:rgba(0,0,0,.2);}
  .effect-hover>.effect-content{opacity:1;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.5rem;margin-top:-30%;transition:all 0.3s ease;}
  .effect-hover>.effect-content>p{opacity:0;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(-1.875rem);}
  .effect-hover:hover>.effect-content>p{opacity:1;transform:translateY(1.875rem);}
  .effect-hover>.effect-content>i.icon-add:hover{transform:rotate(180deg);color:#fff!important;}
.proindex .padding{ padding: .5em !important;}
.inews_list{ width:100%;}
.inews_list li {
    border-bottom: 1px solid #f3f3f3;
    clear: both;
    overflow: hidden;
    padding: 13px 10px 15px 10px;
    transition: all 0.3s ease 0s;
}
.inews_list ._date1 {
    color: #555;
    float: left;
    font-family: kalinga,Arial;
    font-size: 50px;
    line-height: 1.5;
    margin-right: 30px;
    padding-top: 10px;
    text-align: center;
    width: 110px;-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}
.inews_list ._date1 ._d1 {
    display: block;
    font-size: 21px;
    margin-bottom: -10px;
    text-align: center;
}
.inews_list ._intro {
    overflow: hidden;
}
.inews_list ._intro a{ text-decoration: none;}
.inews_list ._intro a:hover ._title{ 
    font-size: 26px;color: var(--color-main);
    line-height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;  margin-top: 0;margin-bottom: 0;
    -moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.inews_list ._intro a ._title {
    font-size: 26px;
    font-weight: normal;
    height: 45px;
    line-height: 45px; margin-top: 0;margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}

.inews_list ._text { padding-top: 5px;
    line-height: 1.8em; color:#888; font-size: .9rem;
    overflow: hidden;
}
.inews_list ._text a{ color:#777;}
.inews_list li{border: solid 1px #f3f3f3; border-bottom:solid 1px #ddd;}
.inews_list li:hover{background: #fff; border: solid 1px #ede1cb;}
.inews_list li:hover a, .inews_list li:hover ._title, .inews_list li:hover ._title, .inews_list li:hover ._more {
    color: inherit;
}

.inews_list li:hover ._date1 {
    color: var(--color-main);-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;
}
.inews_list li:hover .nl_icon {
    font-weight: normal;
}

.inews_list .nl_icon {
    background-color: #667583;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 18px;
    line-height: 18px;
    margin-right: 10px;
    padding: 0 10px;
    vertical-align: 3px;
}
.zhinan a.li{ border:solid 1px #ddd; padding: 3em 0;}
.zhinan a.li h3{padding-top: .5em;}
.zhinan a.li i{ color: var(--color-main); font-size: 1.5em;}
.zhinan a.li:hover i{ color: #fff;}
.zhinan a.li:hover{ background: var(--color-main);-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease; color: #fff;}
.zhinan a.li:hover .padding-left{transform:translateX(1em);-moz-transition: all .6s ease;-ms-transition: all .6s ease;-o-transition: all .6s ease;transition: all .6s ease;}
.zhinan a.li .padding-left{-moz-transition: all .3s ease;-ms-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.zhinan a.li img{-moz-transition: all .6s ease;-ms-transition: all .6s ease;-o-transition: all .6s ease;transition: all .6s ease;}
.zhinan a.li:hover img{transform:scale(1.4);-moz-transition: all 1.2s ease;-ms-transition: all 1.2s ease;-o-transition: all 1.2s ease;transition: all 1.2s ease;}
.dianniu{ width: 85%; max-width: 1560px;}
.dilian a{ color: #fff; font-size: 1.4em;}
.dilian a:hover{ color: var(--color-main);}
.dianniu img{border: solid 1px #ddd;}
#auto1 img{ border-radius: .5em;}
#auto1 p{ position: absolute; background: rgba(13,52,131,.8);border-top-right-radius: 1.5em !important;
border-bottom-left-radius: .5em !important; height: 3.6em; line-height: 3.6em; padding: 0 3em; z-index: 10; margin-top: -3.6em; color: #fff;}
.youshia{padding-bottom: 8em;}
.lightbox .lb-image {
    max-width: max-content;
}
#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; padding:0}
.navButtons li{-webkit-box-flex:1;-moz-box-flex:1;box-flex:1}
.navButtons li.on{background: var(--color-sub);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 a:link{color: #fff;}
.navButtons li a:visited{color: #fff;}
.navButtons li a:active{color: #fff;}
.navButtons li a:hover{color: #fff;}
.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;}
@media(min-width:1600px){
  .effect-hover>.effect-content>i.icon-add{font-size:3rem;}
}
@media(max-width:1600px){
  .input250{width:250px; height: 48px;}
  .bottom_tou .difuwu .button{ padding: .5em 2em;}
  .nav>li>a{padding:2.1em 2em; font-size: 16px;}
  .nav>li>a>div{ font-size: 11px;}
}
@media(max-width:1440px){
	.nav>li>a{padding:2.1em 1.2em; font-size: 16px;}
  .nav>li>a>div{ font-size: 10px;}
  .idpro .img img{ height: 250px;}
  .idpro .yinhao{ margin-top: 1rem;}
}
@media(max-width:1280px){
  .input250{width:200px; height: 48px;}
  .productnav{display: none;}
  .bottom_tou .difuwu .button{ padding: .5em 1em;}
  .nav>li>a{padding:2.3em .8em; font-size: 14px;}
  .nav>li>a>div{ font-size: 8px;}
  .idpro{ padding-right: 0;}
}
@media(max-width:1024px){
  .input250{width:180px; height: 48px;}
  .nav>li>a>div{ display: none;}
  .nav>li>a{padding:.5em .5em; font-size: 14px;}
  .idpro{ padding-right: 0;}
  .idpro .yinhao{ display: none;}
}
@media(max-width:768px){
  .input250{width:400px; height: 48px;}
  .newsbox2{ float:right; padding-left: 0;}
  .bb2{position: absolute; top:10%; left: 10%;}
  .bb2 h1{font-size: 2em !important;}
  .effect-hover span{ position: absolute;opacity: 1; bottom: 40px; margin-left: 30px; font-weight: bold; font-size: 1.4em;}
  .newsindex{padding: 160px 0 30px 0;}
  .yewu{ padding-bottom: 3em;}
  .content div.c .jianjie{display: none;}
  .tuijianyewu{display: none;}
  .protitle{ margin-top: .5em; padding-top: 0 !important;}
  h2{font-size: var(--size-big) !important;}
  h2 .size-large{font-size: var(--size-big) !important;}
  .nav.nav-big > li > a{font-size: .8em !important; padding:.5em .3em !important;}
  .nav > li.drop > a::after{margin-left: 0; border:none;}
  .jiancexiangmu td{word-wrap: break-word; word-break: normal;}
  .margin-top-large{margin-top: var(--box-big) !important;}
  .content .list4 dl dd .jianjie{ display: none;}
  .content .list4 ._date1{font-size: 30px;}
    .content .list4 ._date1 ._d1{ font-size: 12px;}
    .content .list4 .margin-right-large{ margin-right: .8rem !important;}
    .content .list4 h3{ line-height: 1.8;font-size: 1em !important;}
	.protitle {
	    font-size: 1.2em !important; padding-top: 1em;
	}
	.content .list4 dl{ padding: 10px;}
	.position{ border-bottom: solid 1px #ddd;}
	h1.yingwen{ font-size: 1.3rem !important; margin-top: 1em;}
	h1.dabiaoti{ font-size: 1.6em !important; padding-bottom: 0 !important;}
	.idpro .img{border-top-right-radius: .8em;}
	.idpro .img img{ height: auto;}
	.container.padding-top-large{ padding-top: .5em !important;}
	#youshi{ width: 100% !important;}
	.youshi .flip-prev {
	    left: 10%;
	}
	.youshi .flip-next {
	    right: 10%;
	}
	.abimg{ margin-top: 1.8em;margin-bottom: 2rem;}
	.flip > .flip-body > .flip-item{ text-align: center;}
	.rongyutu{ width: 82%;}
	.rongyu{padding: 5px 0 3em 0;}
	.mingcheng{ font-size: 1rem !important; line-height: 20px; height: 20px; margin-bottom: 0 !important; text-align: center;}
	#auto1 img{ height: 200px !important;}
	.youshia{padding-bottom: 5em;}
	.newsindex {
	    padding: 10px 0 20px 0;
	}
	.flip-prev, .flip-next{ color: #999;border: solid 1px #999;}
	.abb{ padding-top: 2em;}
	.youshi{padding: 5px 0 2em 0;}
	.proindex{padding: 5px 0 0 0; margin-bottom: -1.5em;}
	.padding-big{ padding: .8em !important;}
	#column{ padding-bottom: 4em;}
	.bottom{ padding-bottom: 4em;}
	.bannert{ position: relative;height: 2em;
margin-top: 0; z-index: 1;
line-height: 2em;border-top-right-radius: .5em;}
	.pronei a{ padding: .5em !important;}
	.w10{ width: 100% !important;}
	.guige{ padding-left: 0 !important; padding-right: 0 !important;}
	.hr span{ font-size: 1.1rem !important;}
	h1.text-sub{ font-size: 1.5rem !important;}
	.titlem{ padding-top: .5em; padding-bottom: 0 !important;}
	.aab{ height: auto !important;}
}