@charset "utf-8";
/*--------------通用样式--------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, input  {
margin: 0; padding: 0;border: none; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
ins { text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
/*--------------通用样式--------------*/
html,body{width:100%;height:100%;font: 14px "微软雅黑",Arial, sans-serif; background-color:#0a0a0a;}
*{margin:0;padding:0;}
img{ border:0;}
a{text-decoration:none;outline:none; color:#fff;}
small { font-size:14px;}
p { color:#ababab;}
/*文本对齐方式*/
.text_c{text-align:center;}
/*浮动和清除浮动*/
.clear{clear:both;}
.float_l{float:left;}
.float_r{float:right;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/*字体大小*/
h2 {font-size:22px;}
h3 {font-size:18px;}
h4 {font-size:16px;}
h5 {font-size:14px;}
h6 {font-size:12px;}
.blue{ background-color:#4294f7;}
.purple {background-color:#dc6fe6;}
.green { color:#429705;}
.white { color:#fff !important;}
.gray { color:#777777 !important;}
.gray2 { color:#a5a5a5;}
.gray3 {background-color:#3e3e3e;}
.red { color:#d40046;}
.wid { width:90%;}
.pa { padding:5px;}
.paa { padding:6px 8px;}
.paa2 { padding:5px 7px;}
.pa_l { padding-left:10px;}
.ma_l { margin-left:10px;}
.ma_l5 { margin-left:5px;}
.ma_r { margin-right:5px;}
.ma_t2 { margin-top:15px;}
.bold { font-weight:bold;}
.xia {text-decoration:line-through;}
/*  全局  */
#header,#mainbody,#nav,.footer,#banner { width:100%; padding:0px; margin:0px auto; }
/*  header1  */
#header {  height:45px; margin:0px 5px;}
.header1 { background:url(../images/q.jpg) no-repeat left; width:111px; height:100%; }
.header2 {}
/* header2 */
.header2 { padding-top:10px;}
/*  nav  */
#nav {margin:5px 0px;}
#nav ul li { float:left;  text-align:center; width:24%; margin-bottom:2px; border-right:1px solid #4a4a4a;}
#nav ul li a { color:#ababab; font:14px "微软雅黑"; font-weight:normal; display:block; padding:7px 3px; }
#nav ul li a:hover,#nav ul li a:active,#nav li .current { color:#333; text-decoration:none; background-color:#fee600;}

/*  search  */
.search { width:175px; border: 1px solid #515151;position: relative; background-color:#3c3c3c;display: -webkit-box;-webkit-box-pack: start;z-index: 99; }
.search input { color:#fff; border: none;border-radius: 0;background: none;-webkit-appearance: none;font-size: 14px; vertical-align: middle; padding-left:4px;}
.search-input { -webkit-box-flex: 1;border:none; border-radius: 2px 0 0 2px; background-color:#3c3c3c; height:22px; margin-top:1px; }
.search-input input {width: 100%;height: 22px;}
.search-button {border:none;background:url(../images/w.jpg) no-repeat 15px 7px; border-left: none; border-radius: 0px 4px 4px 0px;z-index: 0; }
.search-button input {  -webkit-appearance: none; -moz-appearance: none; line-height: 22px;height:22px; padding: 0px 20px; font-weight:bold; font-size: 14px;color: #fff; margin: 0;border-radius: 0 !important;  }
/*  suggestion.css  */
.ui-input-mask{position:relative;z-index:100;}
.ui-suggestion{position:absolute;display:none;z-index:100;}
.ui-suggestion ul li{position:relative;}
.ui-suggestion .ui-suggestion-result{display:block;}
.ui-suggestion .ui-suggestion-content{position:relative;}
.ui-suggestion-button span{display:inline-block;}
.ui-suggestion-button span:first-child{float:left;}
.ui-suggestion-button span:last-child{float:right;}
.ui-suggestion .ui-suggestion-plus{position:absolute;}
/*  suggestion.default.css  */
.ui-suggestion{top:0;left:0;font-size:16px;border:1px solid #b1b1b1;background-color:#fff;}
.ui-suggestion ul{list-style:none;background:#fff;}
.ui-suggestion ul li{border-bottom:1px solid #e7e7e7;padding:.6em 0;}
.ui-suggestion .ui-suggestion-result{padding:0 10px;}
.ui-suggestion .ui-suggestion-result:active,.ui-suggestion-result-highlight{background:#ededed;}
.ui-suggestion .ui-suggestion-result span{color:#878787;}
.ui-suggestion .ui-suggestion-button{border-top:1px solid #e7e7e7;background:#f7f7f7;height:33px;line-height:33px;}
.ui-suggestion-button span{text-decoration:none;text-align:center;color:#4B4B4B;font-size:14px;padding:0 10px;cursor:pointer;}
.ui-suggestion-button span:first-child{border-right:1px solid #e7e7e7;}
.ui-suggestion-button span:last-child{border-left:1px solid #e7e7e7;}
.ui-suggestion .ui-suggestion-plus{right:0;top:0;bottom:0;width:52px;-webkit-background-size:11px 11px;}
@media all and(min-device-width:768px) and(max-device-width:1024px)
{.ui-suggestion{font-size:18px;}.ui-suggestion .ui-suggestion-button{height:40px;line-height:40px;}}
/*  quickdelete.css  */
.ui-input-mask{position:relative;}
.ui-input-mask input{outline:none;}
.ui-quickdelete-button{background:url(..images/delete.png) no-repeat;-webkit-background-size:100%;-webkit-background-origin:content-box;visibility:hidden;position:absolute;cursor:pointer;}
/*  banner  */
#slider { margin-bottom:2px; margin-top:5px;}
.ui-slider{height:118px;width:100%;overflow:hidden;position:relative;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.ui-slider-wheel{height:100%;position:relative;left:0;top:0;-webkit-transform:translate3d(0,0,0);-webkit-transition-duration:0ms;-webkit-animation-timing-function:ease-out;}
.ui-slider-item>a{display:block;text-decoration:none;}
.ui-slider-group{height:100%;float:left;}
.ui-slider-item{height:100%;width:100%;background-color:#0a0a0a;text-align:center;top:0;display:inline-block;overflow:hidden;}
.ui-slider-item>p{position:absolute;bottom:0;width:100%;text-align:left;pointer-events:none;overflow:hidden;word-break:break-all;white-space:nowrap;text-overflow:ellipsis;}
.ui-slider-dots{position:absolute;bottom:6px;right:0px;padding:0 6px;text-align:right; }
/*  banner箭头样式  */
.ui-slider{height:118px;}
.ui-slider-item img{background:#E7E7E7 url(../images/ui-slider-imgbg.png) center center no-repeat;}
.ui-slider-item>p{color:#fff;background:rgba(0,0,0,0.5);padding:6px 0;text-indent:10px;}
.ui-slider-dots b{display:inline-block;margin:0 4px;width:6px;height:6px;border-radius:3px;background:rgba(144,144,144,0.8);}
.ui-slider-dots .ui-slider-dot-select{background:#fff;}
.ui-slider-pre,.ui-slider-next{position:absolute;z-index:99;width:20px;height:40px;top:50%;margin-top:-25px;background:#666666 url(../images/ui-slider-arrow.png) no-repeat;background-size:35px 15px;outline:none;}
.ui-slider-pre b,.ui-slider-next b{display:inline-block;width:50px;height:60px;position:relative;top:-10px;}
.ui-slider-pre b{left:0;}
.ui-slider-next b{left:-30px;}
.ui-slider-pre{background-position:3px center;left:0;border-radius:0 20px 20px 0;}
.ui-slider-next{background-position:-18px center;right:0;border-radius:20px 0 0 20px;}
@media all and(min-device-width:768px) and(max-device-width:1024px)
{.ui-slider-item>p{font-size:16px;padding:.5em 0;text-indent:.8em;}
.ui-slider-dots{bottom:.5em;padding-right:.5em;}
.ui-slider-dots b{margin-right:.5em;width:.5em;height:.5em;border-radius:.25em;}
.ui-slider-pre,.ui-slider-next{width:24px;height:48px;top:50%;margin-top:-42px;background-size:42px 18px;}
.ui-slider-pre b,.ui-slider-next b{width:60px;height:72px;top:-12px;}
.ui-slider-pre b{left:0;}.ui-slider-next b{left:-36px;}
.ui-slider-pre{background-position:3px center;border-radius:0 24px 24px 0;}
.ui-slider-next{background-position:-22px center;border-radius:24px 0 0 24px;}}
/*loading.default.css*/
.ui-loading {width: 40px;height: 40px;text-indent: -10000px;background: url('ui-loading.png') 0 0 no-repeat;-webkit-background-size: 40px 40px;-webkit-animation-name: ui-loading-anim;-webkit-animation-duration: 1s; -webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: step-start;}
@-webkit-keyframes ui-loading-anim {
	from {-webkit-transform: rotate(0deg);}
    8.32% {-webkit-transform: rotate(0deg);}
    8.33% {-webkit-transform: rotate(30deg);}
    16.65% { -webkit-transform: rotate(30deg);}
    16.66% { -webkit-transform: rotate(60deg);}
    24.99% {-webkit-transform: rotate(60deg);}
    25% {-webkit-transform: rotate(90deg);}
    33.32% {-webkit-transform: rotate(90deg);}
    33.33% {-webkit-transform: rotate(120deg);}
    41.65% { -webkit-transform: rotate(120deg);}
    41.66% {-webkit-transform: rotate(150deg);}
    49.99% { -webkit-transform: rotate(150deg); }
    50% {-webkit-transform: rotate(180deg);}
    58.32% {-webkit-transform: rotate(180deg); }
    58.33% {-webkit-transform: rotate(210deg);}
    66.65% {-webkit-transform: rotate(210deg);}
    66.66% {-webkit-transform: rotate(240deg);}
    74.99% { -webkit-transform: rotate(240deg); }
    75% { -webkit-transform: rotate(270deg);}
    83.32% {-webkit-transform: rotate(270deg);}
    83.33% {-webkit-transform: rotate(300deg); }
    91.65% { -webkit-transform: rotate(300deg);}
    91.66% { -webkit-transform: rotate(330deg); }
    99.99% {-webkit-transform: rotate(330deg); }
    to {-webkit-transform: rotate(360deg);}}
/*Transition*/
.ui-viewport-transitioning .ui-panel {width: 100%;height: 100%;overflow: hidden; -webkit-box-sizing: border-box;box-sizing: border-box;}
.ui-viewport-transitioning .ui-loading { -webkit-animation-name: none;}
.in {-webkit-animation-timing-function: ease-out;-webkit-animation-duration: 350ms;}
.out {-webkit-animation-timing-function: ease-in;-webkit-animation-duration: 225ms;}
/* keyframes for slidein from sides */
@-webkit-keyframes slideinfromright {from { -webkit-transform: translateX(100%); }to { -webkit-transform: translateX(0); }}
@-webkit-keyframes slideinfromleft { from { -webkit-transform: translateX(-100%); } to { -webkit-transform: translateX(0); }}
/* keyframes for slideout to sides */
@-webkit-keyframes slideouttoleft { from { -webkit-transform: translateX(0); } to { -webkit-transform: translateX(-100%); }}
@-webkit-keyframes slideouttoright {from { -webkit-transform: translateX(0); } to { -webkit-transform: translateX(100%); }}
.slide.out, .slide.in { -webkit-animation-timing-function: linear;-webkit-animation-duration: 350ms;}
.slide.out {-webkit-animation-name: slideouttoleft; -webkit-transform: translateX(-100%);}
.slide.in { -webkit-animation-name: slideinfromright;-webkit-transform: translateX(0);}
.slide.out.reverse {-webkit-animation-name: slideouttoright; -webkit-transform: translateX(100%);}
.slide.in.reverse {-webkit-animation-name: slideinfromleft; -webkit-transform: translateX(0);}
/*tabs.css*/
.ui-tabs {-webkit-tap-highlight-color: rgba(0,0,0,0);}
.ui-tabs-nav {list-style: none;padding: 0;margin: 0;z-index: 11;position: relative;}
.ui-tabs-content {position: relative;min-height: 100px;width: 100%;-webkit-box-sizing: border-box;overflow: hidden;-webkit-transition: height 200ms ease-in-out;}
.ui-tabs-content .ui-tabs-panel {	display: none;position: absolute;top:0;left: 0;width: 100%;-webkit-box-sizing: border-box; min-height: 100px;}
.ui-tabs-panel {-webkit-transform: translateZ(0);}
.ui-tabs-content .ui-tabs-panel.ui-state-active, .ui-viewport-transitioning .ui-tabs-panel.out {display: block;z-index: 1;}
.ui-tabs-content .ui-tabs-panel.ui-state-active {z-index: 2;}
/*tabs.default.css*/
.ui-tabs-nav {display: -webkit-box; width: 100%;}
.ui-tabs-nav li { -webkit-box-flex:1; text-align: center;color: #000000;font-size: 16px;background-color: #2e2e2e;
height: 33px;line-height: 33px;white-space:nowrap;cursor: pointer;}
.ui-tabs-nav li a { text-decoration: none; color: #9f9f9f;}
.ui-tabs-nav li:last-child {border-width: 1px;}
.ui-tabs-nav li.ui-state-active{background-color:#ffeb00; border-right:1px solid #000;}
.ui-tabs-nav li.ui-state-active a { color:#000000;}
.ui-tabs-content { }
.ui-tabs-content .ui-tabs-panel {}
.ui-tabs-panel .ui-loading { position: absolute; left: 50%;top: 50px;margin-top: -20px; margin-left: -20px;}
.ui-tabs-panel .ui-load-error { color: red;text-align: center;}
/*公司简介*/
.main1 { background-color:#161616; margin-bottom:5px;}
.main1_1 { background:url(../images/q.png) no-repeat 32px 29px;height:45px;}
.lan {  background-color:#ffeb00;}
.lan h4 { background-color:#ffeb00; padding:5px 10px;}
.lan a { color:#333; line-height:30px;}
.nr p { padding:10px 10px 10px 10px; line-height:24px;}
.more { background-color:#3e3e3e; width:63px; height:22px; line-height:22px; text-align:center; margin-top:3px;}
.morea { background-color:#3e3e3e; height:27px; line-height:27px; text-align:center; margin-top:3px;}
.morea a { display:block;}
/*产品中心*/
#conten1 {}
.yhn {padding:10px 5px; background:url(../images/e.jpg) repeat-x bottom;}
.a1 { background-color:#1d1d1d;}
.a2 { background-color:#2e2e2e;}

.yhn_1_1 {width:107px;height:78px;}
.yhn_1_1 a { background:url(../images/rr.jpg) no-repeat center;width:107px; height:78px; display:block; }
/*.yhn_1_1 a:hover,.yhn_1_1 a:active { background:url(../images/r.jpg) no-repeat center; width:107px; height:78px; }*/
.yhn_1_1 img { width:70px; height:70px; margin:4px 0px 0px 9px;}



.yhn_1_2 {width:107px;height:78px;}
.yhn_1_2 a { background:url(../images/rrr.jpg) no-repeat center;width:107px; height:78px; display:block; }
/*.yhn_1_2 a:hover,.yhn_1_2 a:active { background:url(../images/r2.jpg) no-repeat center; width:107px; height:78px; }*/
.yhn_1_2 img { width:70px; height:70px; margin:4px 0px 0px 9px;}


.yhn_2 { width:170px; margin-top:3px; line-height:22px; margin-left:5px; }
.yhn_2 h5 { color:#9f9f9f; font-weight:bold; height:22px; line-height:22px; overflow:hidden;}
.yhn_2 p { height:24px; line-height:24px; overflow:hidden; color:#838383;}
/*分类*/




.cplb ul { padding-bottom:10px;}
.cplb ul li ul {}
.cplb ul li {border-bottom:1px dashed #333333;}
.cplb ul li h4 { display:block; height:28px; line-height:28px; font-size:14px;   }
.cplb ul li h4 a.h { color:#9f9f9f; font-weight:normal; display:block; height:28px; line-height:28px; padding-left:10px; overflow:hidden; }
.cplb ul li ul { display:none; padding:0px !important;}
.cplb ul li ul li { display:block; border-bottom:none !important; padding-left:20px; font-size:12px; }
.cplb ul li ul li h5 { font-size:12px; color:#9f9f9f !important; line-height:25px; display:block;}
.cplb ul li ul li a:hover { text-decoration:none;color:#ffeb00;}
.cplb ul li h4 a:hover,.cplb ul li h4 .active,.cplb ul li h5 .active { text-decoration:none; color:#ffeb00;}






/*新闻*/
.main3_1 { height:23px; line-height:23px; margin:5px 0px;}
.main3_1 h4 { background:url(../images/q.png) no-repeat 0px -18px; padding-left:50px; color:#a5a5a5; }
.main3_1 small {background:url(../images/q.png) no-repeat 0px -47px; margin-right:5px;}
.main3_1 a {color:#a5a5a5; padding-left:20px;}
.main3_2 { background-color:#292929; border:1px solid #3a3a3a;}
.main3_2 ul { padding:10px 10px 20px 10px;}
.main3_2 ul li { height:28px; background:url(../images/e.jpg) repeat-x bottom;}
.main3_2 ul li a { font-size:14px; color:#a9a9a9; display:block; height:28px; line-height:28px; overflow:hidden; padding-left:10px; }
.main3_2 ul li a:hover,.main3_2 ul li a:active { text-decoration:none; color:#ffeb00;}
/*底部*/
.footer { background-color:#ffdd2b; margin-top:10px;}
.footer1,.footer2 {}
.footer1 p { padding:10px 20px; color:#000;line-height:22px; }
.footer1 p a { color:#000;}
.footer2 { margin:6px 20px 0px 0px; padding:5px 10px; background-color:#666666;}
.footer2 a { color:#fede27; display:block; }
.hh { height:48px;}
/*底部悬浮*/
#BottomNav { background-color:#0a0a0a; height:47px;z-index:999;position:fixed;bottom:0;left:0;width:100%;_position: absolute;_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);overflow:visible;border-top:1px solid #333333; }
#BottomNav ul li { float:left; text-align:center; width:20%; }
#BottomNav ul li span { line-height:24px; }
#BottomNav ul li a { font-size:12px;color:#a9a9a9; font-weight:normal; display:block; padding:3px; border-right:1px solid #333333; }
.icon { background:url(../images/q.png) no-repeat scroll 0 0 transparent; display:block; margin:0px auto; }
#BottomNav .aa { background-position:2px -70px;width:14px; height:19px;}
#BottomNav .bb { background-position:-17px -70px; width:26px; height:19px;}
#BottomNav .cc { background-position:-43px -70px;width:14px; height:19px;}
#BottomNav .dd { background-position:-61px -70px;width:21px; height:19px;}
#BottomNav .ee { background-position:-87px -70px;width:16px; height:19px;}
#BottomNav .last { border:none;}
/*加载更多*/
.ui-refresh .ui-refresh-up, .ui-refresh .ui-refresh-down{background:#000;padding:5px;font-size: 14px;color: #a5a5a5;text-align: center;}
@media all and (min-device-width: 768px) and (max-device-width:1024px) {
.ui-refresh .ui-refresh-up, .ui-refresh .ui-refresh-down{font-size: 16px; }}
.ui-refresh .ui-refresh-up .ui-loading,
.ui-refresh .ui-refresh-down .ui-loading{display: inline-block;width: 25px;height: 25px;-webkit-background-size: 25px 25px;vertical-align: middle;}
.ui-refresh .ui-refresh-up .ui-refresh-label,
.ui-refresh .ui-refresh-down .ui-refresh-label{display: inline-block;vertical-align: middle;color: #a5a5a5;}
/*懒加载*/
.ui-imglazyload{}
.lazyload p{line-height: 26px;font-size: 16px;text-align:left;}
.lazyload h2,.lazyload h3,.lazyload h4,.lazyload small{font-weight:bold;text-align:center;display:block;}
.lazyload nav a{border:1px solid #dcdcdc;border-width:1px 1px 2px 1px;padding:10px;display:block;font-weight:bold;margin-top:8px;text-align:center;}
.lazyload p b,.lazyload p strong{font-weight:bold;}
.lazyload img{text-align: center;width: 131px;height: 92px;}
.ui-imglazyload.loading {background: red;}

/*内页*/
.main1_2 ul { padding:5px; text-align:center;}
.main1_2 ul li {  display:inline-block; width:126px; margin:5px; }
.main1_2 ul li a { font-size:14px; color:#a9a9a9; }
.main1_2 ul li a img { width:126px; height:126px;}
.main1_2 ul li a:hover,.main1_2 ul li a:active { text-decoration:none; color:#ffeb00;}
/*留言*/
.message { padding-top:15px;}
.message li{margin-top:5px;padding:0 10px; color:#a9a9a9; }
.message li input{background-color:#3C3C3C; border:1px solid #515151;color:#a9a9a9; padding-left:5px;}
.textbox{height:30px;line-height:30px;}
.message li textarea{background-color:#3C3C3C; border:1px solid #515151;color:#a9a9a9;height:100px;width:70%;vertical-align:text-top; font-size:14px; font-family:'微软雅黑'; padding-left:5px;}
.message li .but{width:45%;height:30px;border:none;cursor:pointer;margin:10px 0px;border-radius:4px;background:#FFEB00;color:#000;font-size:16px;}
.message li .buta{width:45%;height:30px;border:none;cursor:pointer;margin:10px 0px;border-radius:4px;font-size:16px;}
/*详细页*/
.main1_2 { background-color:#161616;color:#a9a9a9;}
.main1_2 h4 {  text-align:center; padding:5;}
.time2 { margin:5px;}
.nrnr { padding:10px; line-height:20px; }