body{ color:#000; font-size:14px; font-family:"Microsoft Yahei";width:100%; overflow-x:hidden;}
.inner-banner img{width:100%;}
@media only screen and (max-width: 768px) {
.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:#24154d}
.text-red, a.text-red:link, a.text-red:visited{color:#24154d;}
.pagination.border-main li{ margin:0px 5px;}
.button.bg-sub{ border:solid 1px #fdc300; }
.bg-main{background-color:#ef7311; }
.bg-nav{background: #1d1d1d;}
.bg-gray{ background-color:#f5f5f5;}
.bg-black2{background-color:#fdc300;}
.bg-sub{background-color:#00a2e9; color:#fff}
.bg-footnav{background: #0692dc;}
.bg-footnav p{border-bottom:solid 1px #0073af;}
.nav .active a {font-weight: bold;}
.bg-inverse .nav.nav-pills .active a, .bg-inverse .nav.nav-pills.nav-inline a:hover{ background:none;  font-size:16px;color:#333;}
.bg-inverse .nav.nav-pills a,.bg-inverse .nav.nav-pills.nav-inline a{font-size:16px;}
.nav-menu .drop-menu{border-radius:0px; margin-top:0px;}
.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:#0692dc;}
.nav-navicon .input-group .input{width:auto; float:right}

.nav-pills a:hover{background:none}
.nav-menu li{margin-right:0px;margin-left:0px;}
.nav-menu li.active a,.nav-menu li:hover a{color:#333;}

@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 1000px) {
.wrap-header .container{width:100%; padding:0px;}
}

.nav-menu li .drop-menu{ padding:0px;}
.nav-menu li .drop-menu li{margin-right:0px;margin-left:0px; border-bottom:solid 1px #ddd;}
.nav-menu li .drop-menu li a{ margin:0px; padding:0px 20px; color:#281a50}
.nav-menu li .drop-menu li a:hover{color:#ef7311;}
.nav-menu li .drop-menu li:hover{}

.nav-menu li .drop-menu li ul{padding:0px; margin-top:5px;}

.nav-inline.nav-menu ul a:hover{color:#000}
.nav-menu li:hover .drop-menu a{ color:#222}

.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:#0692dc}
.w100{width:150px;}
.icon-navicon{ position:absolute;right:10px; top:25px;}
.nav-navicon .input-group .input{width:auto; float:right}

.nav a{color:#0692dc; text-align:left;font-size:15px; font-weight:bold;}
.nav-menu li:hover drop-menu a{ background-color:#ddd;color:#222}

.wrap-top{padding:3px 0px;background-color:#0692dc}
.wrap-header{ /*background:url("../images/headbg.jpg") center 35px no-repeat;box-shadow: 0 3px 6px rgba(0, 0, 0, .175);*/}

.button.bg-main{background-color:#ef7311;border-color:#ef7311}
.button.border-main{border-color:#ef7311;color:#ff6633}
.pointer.border-main li{border-color:#0692dc}
.pointer.border-main li.active{background-color:#0692dc}
.border-sub,.button.border-sub{border-color:#0692dc;color:#0692dc}
.about-box .border-sub{border-color:#fff;color:#fff}
.button.border-sub:hover{border-color:#0692dc;background-color:#0692dc;color:#fff;}

.flico{ font-size:66px; display:block; color:#ff6633;text-align:center}

.remen{ padding-left:10px; line-height:34px;}

.index-proclass{}
.index-proclass h1{ line-height:40px; background-color:#ee0000;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:45px; 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:#ee0000;}
.index-proclass li a{color:#333;}
.index-proclass li:hover a,.index-proclass li.on a{color:#fff;}

.ss{padding:3px 6px; height:30px; border:solid 1px #ee0000}
.ss-btn{padding:3px 6px; height:30px;}

h1.s1{ font-size:24px; color:#333; }
h2.s1{ font-size:16px; color:#555; text-transform:uppercase}

.fengge{ font-size:14px; color:#555; float:right}

.about-bg{ background:url("../images/brand.jpg") center center no-repeat;}
.about-box{ padding:60px;color:#fff;background:url("../images/black-bg.png"); margin:80px 0px;}
.about-box h2{ font-size:18px; color:#fff;}

.about2{ background-color:#fff; color:#555}
.about2 p{ line-height:30px;}

.service{ background-color:#f5f5f5;}
.service .serico{ font-size:40px; color:#fff; padding-right:10px;}
.service h2{ font-size:18px; color:#fdc300; padding-top:20px;}
.service p{ font-size:14px; color:#333;}

.youshi{background:url("../images/ysbg.jpg") right center no-repeat;}
.ysico{ font-size:80px; display:block; color:#fff;text-align:right}
.youshi h2{ font-size:24px; color:#fff; display:block; font-weight:600;}
.youshi p{ font-size:14px; color:#fff;}

.youshi2 h1.s1{ font-size:24px; color:#ef7311; }
.youshi2 h2.s1{ font-size:16px; color:#fff; text-transform:uppercase}
.youshi2{ background-color:#2055a9}
.youshi2 .ysitem{ margin:10px; background-color:#fff; padding:20px;}
.youshi2 .ysitem2{margin:10px; background-color:#ef7311; padding:20px;color:#fff;}
.youshi2 .ysitem p{ font-size:14px; color:#333; padding:0px; margin:0px; line-height:25px; overflow:hidden}
.youshi2 .ysitem2 p{ font-size:14px; color:#fff; padding:0px; margin:0px;line-height:25px; overflow:hidden}

.bb{border-bottom:solid 1px #ee0000; font-size:24px; color:#fdc300;}
.bb2{border-bottom:solid 1px #ddd;}
.prolist h3{ padding:8px 0px; text-align:center;}
.typelist{ padding-bottom:30px; padding-left:20px; font-size:20px; }
.typelist a{color:#f90}

.pro{}
.pro .container{ }
.proitem{padding:10px 20px; overflow:hidden; margin-bottom:10px;background-color:#fff; }
.proitem img{width:100%;transition: all 0.3s;}
.proitem img:hover{transform: scale(1.1);}
.proitem h3{ margin:20px 0px 10px 0px;}
.proitem .protext{ text-align:center; background-color:#000; padding:5px 10px; color:#fff }
.proitem .more{line-height:25px; padding:8px 20px; background-color:#ef7311; color:#fff;}

.case{background:#f5f5f5;}
.casebox{padding:10px; overflow:hidden;}
.caseitem{box-shadow: 0 22px 40px rgba(0,0,0,.16);}
.caseitem h3{padding:8px 0px 20px 0px; text-align:center; }
.caseitem img{padding:10px;width:100%;transition: all 0.3s;}
.caseitem img:hover{transform: scale(1.1);}

.caseitem2{}
.caseitem2 img{padding:10px;width:100%;transition: all 0.3s;-moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari 和 Chrome */
  border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */}
.caseitem2 img:hover{transform: scale(1.1);}
.caseitem2 h3{padding:8px 0px 20px 10px; text-align:left;font-size:14px; text-align:center}
.caseitem2 .cc{padding:8px 0px 20px 10px; text-align:left;}
.caseitem2 .more{line-height:25px; padding:8px 20px; background-color:#000; color:#fff; margin-left:10px;}

/*新闻一*/
.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:#ef7311; 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: #ffffff;}

@media only screen and (max-width: 1023px) {
.wrap-header{ background:#281a50;}
.wrap-header .logo{ background:#fff; padding-left:10px;}
.wrap-header .nav li.padding-left{ padding-left:3px;}
.wrap-header .nav li.padding-right{ padding-right:3px;}
.wrap-header .nav{ background:#281a50;}
}



@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;}
.wrap-header{ background:#fff;}
.wrap-header .nav li.padding-big-top{ padding-top:5px;}
.wrap-header .nav li.padding-big-bottom{ padding-bottom:5px;}
}

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

.nav.nav-sitemap a{color:#fff}
.nav-sitemap ul a{ padding-left:0px; color:#fff}
.foot-weixin{width:140px;}
.qq {
    width: 20px;
    height: 20px;
    background: url("../images/qq.png");
    display: inline-block;
    margin: -2px 2px 0px;
}

.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:#ee0000;text-align:center}

.border-main .tab-nav li a{    border-color: #24154d; background-color:#24154d;border-radius:0px; color:#fff}
.tab-nav{padding-left:0px;}
.listpage {clear: both;text-align: center;}
.xiaocms-page { padding:14px 0 10px;font-family:\5b8b\4f53; margin-right: 10px;}
.xiaocms-page a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px;margin-left: 1px;}
.xiaocms-page a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
.xiaocms-page span { display:inline-block; height:22px;padding:0 10px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;margin-left: 1px; }

/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:500px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#ff4a00 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 29px 25px 29px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}