﻿*{ word-break:break-all; white-space:normal; word-wrap:break-word }
body{ color:#666; font-size:14px; font-family: Arial,Tahoma,Verdana; width:100%; overflow-x:hidden;}
.inner-banner img{width:100%; display: block; height: auto;}
.sk-images-border{ border:1px solid #e7ecf1; box-sizing: border-box; }
.sk-pages a,.sk-pages strong,.sk-pages cite{ margin: 0px 2px; color: #333; padding: 8px; line-height: 18px; display: inline-block; transition: all 1s cubic-bezier(0.175,0.885,0.32,1) 0s; border:1px solid #febe00; border-radius: 3px; }
.sk-pages strong{ background-color: #febe00; }
.sk-categorys{ padding: 0px 20px; }
.sk-categorys a{ border-radius: 3px; border:1px solid #e7ecf1; margin-right: 6px; margin-bottom: 6px; padding:8px 12px; display: inline-block; }
.sk-submit { display: inline-block; }
.sk-submit .button:hover{ background: #febe00; }
.tel a{ color: #fff; }
.tel a:hover{ color: #333; }
.clear{ clear: both; }
.sk-logo{ width: 35%; }
.container img{ max-width: 100%; }

@media only screen and (max-width: 768px) {
.sk-logo{ width: 50%; }
.padding-big{padding:10px;}
.margin-big{margin:10px;}
.padding{padding:5px;}
.margin{margin:5px;}
.padding-big-top{padding-top:10px;}
.padding-big-bottom{padding-bottom:10px;}
.padding-big-left{padding-left:10px;}
.padding-big-right{padding-right:10px;}
.margin-big-top{margin-top:10px;}
.margin-big-bottom{margin-bottom:10px;}
.margin-big-left{margin-left:10px;}
.margin-big-right{margin-right:10px;}
}
a:hover{color:#febe00}
.more-btn{ border:solid 1px #ff4b4c; color:#fff; margin-top:10px;padding:13px 23px;background:#ff4b4c;}
.more-btn:hover{ border:solid 1px #ff4b4c; background:#ff4b4c; color:#fff;}
.bg-main, .border-main .button.active, .pointer.border-main .active, .nav-pills.border-main .active a, .nav-main.border-main .nav-head, .pagination.border-main .active{background-color:#febe00}
.border-main, .border-main .button, .border-main .tab-nav li a, .border-main .tab-body, .button.bg-main, .selected.border-main, .pointer.border-main li, .nav.border-main .active a, .nav.nav-tabs.border-main, .nav-main.border-main a, .nav-main.border-main .nav-head, .pagination.border-main li, .pager.border-main a{border-color:#febe00}
.text-main, a.text-main:link, a.text-main:visited, .button.border-main, blockquote.border-main strong, .pager.border-main a, .pager-prev.border-main, .pager-next.border-main, .nav a:hover, .nav-menu.nav-pills .active ul a:hover, .bg-inverse .nav-menu ul a:hover, .bg-inverse .nav.nav-menu.nav-tabs ul a:hover, .bg-inverse .nav.nav-menu.nav-tabs .active ul a:hover, .bg-inverse .nav.nav-menu.nav-pills ul a:hover, .bg-inverse .nav.nav-menu.nav-pills .active ul a:hover{color:#ff4b4c;}
.pagination.border-main li{ margin:0px 5px;}
.button.bg-sub{ border:solid 1px #febe00; }
.bg-nav{background: #764306;}
.bg-gray{ background-color:#f5f5f5; border-top:solid 1px #ddd}
.bg-black2{background-color:#febe00;}
.nav .active a {font-weight: normal;}
.bg-inverse .nav.nav-pills .active a, .bg-inverse .nav.nav-pills.nav-inline a:hover{ background-color:#febe00; color:#fff;}
.nav-menu ul a, .nav-menu.nav-tabs ul a, .nav-menu.nav-pills .active ul a, .nav-menu.nav-big.nav-inline ul a, .bg-inverse .nav-menu.nav-inline ul a, .bg-inverse .nav-menu.nav-inline .active ul a, .bg-inverse .nav-menu.nav-inline.nav-big ul a, .bg-inverse .nav-menu.nav-inline.nav-big .active ul a, .navbar-body .nav ul a{ background:none; color:#fff}
.nav-menu li{padding:10px 5px;margin-right:0px;margin-left:0px;}

.text-overflow{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; }

.sk-newslist{ margin: auto; }
.sk-newslist .sk-newslist-li{ border-bottom: 1px solid #f0f2f5; padding-bottom: 20px; margin-bottom: 20px; list-style: none; }
.sk-newslist-li .media-left{ display: block;float: left; width: 160px; padding-right: 0; }
.sk-newslist-li .media-left img{  border: 1px solid #e6e6e6; display: block; width: 100%; }
.sk-newslist-li .media-body{ display: block; float: right; width: calc( 100% - 180px ); }
.sk-newslist-li p{ padding-bottom: 0px; margin: 0; }
.sk-newslist-li .media-body .des{ margin-bottom: 10px; line-height: 21px; }
.sk-newslist-li .media-heading{ text-overflow: ellipsis; white-space: nowrap; display: block; overflow: hidden; width: 100%; font-size: 20px; font-weight: bold; margin-bottom: 10px; }

@media (max-width:990px) {
.sk-newslist{ padding: 0; }
.sk-newslist-li .media-left{ width: 120px; }
.sk-newslist-li .media-body{ width: calc( 100% - 130px ); }
.sk-newslist-li .media-body .des{ height: 60px; overflow: hidden; }
}

@media only screen and (max-width: 1200px) {
.nav-menu li{padding:10px 10px;}
.bg-inverse .nav-inline li a{ padding:8px 15px;}
}
@media only screen and (max-width: 1000px) {
.nav-menu li{padding:5px 0px;}
.wrap-header .container{width:100%;}
.bg-nav .container{width:100%;}
.bg-inverse .nav-inline li a{ padding:5px 15px;}
.text-next{ text-align: left; }
}

.nav-menu li .drop-menu li{margin:0px; padding:0px;}
.nav-navicon .input-group .input{width:auto; float:right}

.nav-menu li.active,.nav-menu li:hover{ background-color:#febe00}
.nav-pills .active a, .nav-pills a:hover {background-color:#febe00;color:#fff}
.navbar-body .nav ul a:hover{background:none;}
.nav-menu li:hover .drop-menu a{ color:#fff}
.nav-menu .drop-menu{ background-color:#febe00; border-radius:0px;}
.nav-menu .drop-menu li{padding:5px 10px;}


.button.bg-main{background-color:#552618;border-color:#552618}
.button.border-main{border-color:#e80303;color:#e80303}
.pointer.border-main li{border-color:#552618}
.pointer.border-main li.active{background-color:#552618}
.border-main{border-color:#e80303}
.w100{width:150px;}
.icon-navicon{ position:absolute;right:10px; top:30px;}
.nav-navicon .input-group .input{width:auto; float:right}

.nav a{color:#fff; text-align:left;font-size:16px;}


.wrap-top{padding:3px 0px;background-color:#fff; color:#555}
.wrap-top a{color:#666}
.wrap-header{box-shadow: 0 3px 6px rgba(0, 0, 0, .175); background:#febe00}

.button.bg-main{background-color:#febe00;border-color:#febe00}
.button.border-main{border-color:#febe00;color:#febe00}
.pointer.border-main li{border-color:#febe00}
.pointer.border-main li.active{background-color:#febe00}
.border-main{border-color:#febe00}
.border-sub,.button.border-sub{border-color:#febe00;color:#febe00}
.about-box .border-sub{border-color:#fff;color:#fff}
.button.border-sub:hover{border-color:#febe00;background-color:#febe00;color:#fff;}

h1.s1{ font-size:24px; color:#333; }
h2.s1{ font-size:16px; color:#555; text-transform:uppercase}

.biaoti{ background:url("../images/titbg.png") center center no-repeat; text-align:center; height:117px; padding-top:20px; line-height:30px; font-size:24px; color:#555}
.biaoti span{ line-height:20px; color:#FEBE00;font-size:14px; display:block;text-transform:uppercase}

.flico{ font-size:66px; display:block; color:#febe00;text-align:center}

.remen{ padding-left:10px; line-height:34px;}

.ss{  border:solid 1px #febe00}
.ss-btn{ border-radius:0px; background-color:#ff4b4c;border:0px; color:#fff;}

.tel{ height:63px; padding-left:0px; line-height:63px; font-size:16px; text-align:right; color:#fff;text-align:right }
.tel span{padding-right:5px; font-size:20px;}
.tel strong{color:#fff; font-size:16px; font-weight:normal; padding-left:5px;}

.fengge{ font-size:14px; color:#555; float:right}

.about-bg{background:#333 url("../images/about-bg.jpg") top center no-repeat;}
.about-box{ padding:30px;color:#fff;margin:20px 0px; background-color:rgba(254,190,0,0.8); min-height: 294px;}
.about-box h2{ font-size:18px; color:#febe00;}
@media only screen and (max-width: 768px) {
.about-box h2{ font-size:14px; }
}
.about-box a{color:#febe00;}

.service{ background-color:#f5f5f5;}
.service .serico{ font-size:40px; color:#fff; padding-right:10px;}
.service h2{ font-size:18px; color:#cc0000; padding-top:20px;}
.service p{ font-size:14px; color:#333;}

.youshi{background:url("../images/ysbg.jpg") center top repeat-y;}
.youshi .ysico{ font-size:100px; display:block; color:#febe00;text-align:right}
.youshi p{ font-size:14px; color:#fff;  padding-top:5px;}
.youshi h1{font-size:28px; color:#febe00;}
.youshi h2{ font-size:18px; color:#fff; display:block;  padding:0px; margin:0px;}
@media only screen and (max-width: 768px) {
.youshi h1{font-size:24px; }
.youshi h2{ font-size:14px; }
}
.youshi .item h2{font-size:20px; color:#febe00;border-bottom:dashed 1px #febe00; padding-bottom:8px;}

.youshi2{background:#22b7fc url("../images/ysbg.jpg") right center no-repeat;}
.youshi2 h1{font-size:24px; color:#fff;}
.youshi2 .ysitem{ margin:10px; background-color:#fff; padding:20px;}
.youshi2 .ysitem2{margin:10px; background-color:#febe00; padding:20px;}
.youshi2 h2{ font-size:18px; color:#febe00; display:block;  padding:0px; margin:0px;}
.youshi2 .ysitem p{ font-size:14px; color:#333; padding:0px; margin:0px;}
.youshi2 .ysitem2 h2{color:#fff}
.youshi2 .ysitem2 p{ font-size:14px; color:#fff; padding:0px; margin:0px;}

.bb{border-bottom:solid 1px #febe00; font-size:24px; color:#cc0000;}
.bb2{border-bottom:solid 0px #ddd;color:#fff;}

.prolist{ background-color:#fff;}
.prolist .typename{background:url("../images/ico.png") left center no-repeat; padding-left:50px;font-size:20px; }
.prolist h3{ padding:8px 0px; text-align:center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; }
.typelist{ font-size:18px; text-align:right }
.typelist a{color:#666; margin-left:20px;}

.pro{background:#f5f5f5;}
.proitem{padding:10px; overflow:hidden; margin-bottom:0px; }
.proitem img{width:100%;transition: all 0.3s; padding:10px;background:#fff;}
.proitem img:hover{transform: scale(1.02);}
.proitem .protext{ text-align:center; padding:8px 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; background:#fff; color:#666}
.pro h1.s1,.pro h2.s1{color:#fff;}
.more-btn2{ background:#ff4b4c; color:#fff; margin-top:10px;padding:13px 23px;}
.more-btn2:hover{background:#ff4b4c; color:#fff; }

.index-proclass{ margin-top:10px;}
.index-proclass h1{ line-height:40px; background-color:#febe00;color:#fff; font-size:16px; padding:10px 10px; text-align:center}
.index-proclass ul{ margin:0px; padding:0px;border:solid 1px #ddd; border-bottom:0px;}
.index-proclass li{ line-height:48px; border-bottom:solid 1px #ddd; background-color:#fff; list-style:none; margin:0px;  text-align:center}
.index-proclass li:hover,.index-proclass li.on{ background-color:#febe00;}
.index-proclass li a{color:#333;}
.index-proclass li:hover a,.index-proclass li.on a{color:#fff;}

.case{background:#f5f5f5;}
.caselist h3{ padding:8px 0px 20px 0px; text-align:center;}
.casebox{padding:10px; overflow:hidden;}
.caseitem{box-shadow: 0 22px 20px rgba(0,0,0,.10);}
.caseitem img{padding:5px;width:100%;transition: all 0.3s;}
.caseitem img:hover{transform: scale(1.02);}
.caseitem.bg{ background-color:#267ae4; color:#fff}

.app{background:#fff;}
.appitem{ padding:20px; text-align:center}
.appitem h3{ line-height:35px; height:40px; overflow:hidden; font-size:20px;margin-bottom:10px; font-weight:bold; color:#555}
.appitem p{line-height:22px; height:44px;overflow:hidden;color:#777 }


.business{background:#fff;}
.busilist h3{ padding:8px 0px 20px 0px; text-align:center;color:#666}
.busibox{padding:10px; overflow:hidden;}
.busiitem{border:solid 1px #eee; }
.busiitem img{padding:10px;width:100%;transition: all 0.3s;}
.busiitem img:hover{transform: scale(1.02);}

/*新闻一*/
.newsitem .news-date {text-align: center;display: inline-block;float: left;width: 5rem;height: 5rem;background: #f2f2f2;}
.newsitem li {border-bottom:dashed 1px #ddd;padding-bottom:5px; margin-bottom:10px;}
.newsitem .news-date1 {text-align: center;color: #666666;font-size: 1.5625rem;margin-top: 0.6rem;}
.newsitem .news-date2 {text-align: center;color: #999999;font-size: 0.8rem;}
.newsitem .news-bodys {padding: 0 0.875rem;overflow: hidden; zoom: 1;}
.newsitem .news-bodys h3 {word-wrap: break-word;overflow: hidden;}
.newsitem .news-bodys p {word-wrap: break-word;overflow: hidden;line-height: 1.15rem;font-size: 0.75rem;color: #999;margin-top: 10px;}
/*新闻2*/
.news-span1{width: 16.66666667%;}
.news-span2{width: 83.33333333%;}
.news-item2{position: relative;  overflow: hidden;  padding: 0px;  margin: 4px 0;}
.news-item2 .news-time{ padding: 6px 0;  border-right: 1px solid #eee;  text-align: center;  color: #666666;  -webkit-transition: all .3s;  -moz-transition: all .3s;  -ms-transition: all .3s;  transition: all .3s;}
.news-action{ padding: 0px 12px 0px 40px; box-sizing: border-box; }
.news-item2 .news-time .news-time-date{ font-size: 22px;}
.news-item2 .news-title{position: relative;  font-size: 18px;  color: #666666;  line-height: 24px;  padding-bottom: 0px;   -webkit-transition: all .3s;  -moz-transition: all .3s;  -ms-transition: all .3s;  transition: all .3s; overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;}
.news-item2 .news-desc{ font-size: 12px; color: #999999;line-height: 24px;  overflow: hidden;  white-space: nowrap;  text-overflow: ellipsis;-webkit-transition: all .3s;  -moz-transition: all .3s;  -ms-transition: all .3s;  transition: all .3s;}
.news-item2 .news-tit{position: relative;z-index: 10;}
.news-item2:after { content: ""; background-color:#febe00; position: absolute;top: 0;  left: 0;  width:0;height:100%;  z-index: 0;  display:block ;  -webkit-transition: all .3s;  -moz-transition: all .3s;  -ms-transition: all .3s;  transition: all .3s;  }
.news-item2:hover:after { width: 100%; }
.news-item2:hover .news-title,.news-item2:hover .news-desc,.news-item2:hover .news-time{ color: #fff;}

.news-head{width:100%; line-height:25px; padding:20px; text-align:center; font-size:20px; font-weight:800px; color:#fff}
.news-head span{ padding-right:8px;}
.news-head.bg1{ background-color:#00a848;}
.news-head.bg2{ background-color:#29d1a0;}
.news-head.bg3{ background-color:#ff4b4c;}

@media only screen and (max-width: 768px) {
.news-span1{width: 31.4%;}
.news-span2{width:68.6%; }
.news-action{ padding: 0px 12px 0px 20px; box-sizing: border-box; }
.news-item2 .news-time .news-time-date{ font-size: 18px;}
.news-item2 .news-title {  padding-bottom:6px;  }
.news-item2 .news-title{font-size: 16px;}
}

.jobsitem{}
.jobsitem ul{ padding:0px;}
.jobsitem li {border:solid 1px #ddd; background-color:#f9f9f9; margin-bottom:10px;}
.jobsitem li h3{padding:10px 15px;}
.jobsitem li .jobs-info{padding:10px 10px;}
.jobs-info div{border-bottom:dashed 1px #ddd; padding:5px;}
.jobsitem li .jobs-bodys{padding:10px 15px;}

/*底部*/
.bg-sub{background-color:#764306; border-top:solid 1px #9c611c;}
.bg-sub .container{color:#fff;}
.bg-sub a{color:#fff;}
.bg-footnav{background: #764306; padding-top: 40px; padding-bottom:40px;}
@media only screen and (max-width: 768px) {
	.bg-footnav{padding-top: 20px; padding-bottom:20px;}
}
.bg-footnav .footmenu{padding-right:20px;}
.bg-footnav p{color:#eee}

.nav.nav-sitemap a{color:#eee}
.nav-sitemap ul a{ padding-left:0px; color:#b9e9b9}
.foot-weixin{width:130px;border:solid 10px #febe00;}
.bg-footnav .wx{border-left:solid 1px #9c611c;}
.qq {
    width: 20px;
    height: 20px;
    background: url("../images/qq.png");
    display: inline-block;
    margin: -2px 2px 0px;
}
.bg-sub .by{ text-align:right;}
@media only screen and (max-width: 992px) {
.bg-sub .by{ text-align:left; margin-top:10px;}
}

.product-about li{ line-height:3rem; border-bottom:dashed 1px #aaa;}
.news-line{ text-align:center; border:dashed 1px #aaa;margin-bottom:40px;}
.news-body{ margin:20px auto;}
.order-tip{color:#fff; padding-left:25px;}
.order-tip .con{border:dashed 1px #aaa; line-height:2.5rem}
.bread{margin:8px 0px; font-size:13px;color:#555}

.bglx{ background:url("../images/lxbg.jpg") top center no-repeat;}
.lxico{ font-size:80px; display:block; color:#febe00;text-align:center}
