*{margin:0; padding:0;  outline:none; -webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-style:normal; -webkit-tap-highlight-color:transparent; font-family:sans-serif;}

div{overflow:hidden;}

::-webkit-scrollbar{display:none;}

a{color:#000000; text-decoration:none; -webkit-tap-highlight-color:rgba(200,200,200,0.2);}

a:active{color:#000000;}

img{border:none;}

ul{list-style-type:none;}

body{background:#fff; -webkit-user-select:none; -moz-user-select:none; font-size:14px;}

input{-webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none;}

textarea{resize:none; background:inherit;}

li{ list-style-type:none;}

.clear{ clear:both;}

.hui-flex{display:flex;}

.hui-fl{float:left !important}

.hui-fr{float:right !important;}

.hui-wrap{width:100%;}

.hui-no-border{border:none !important;}

.hui-common-text{line-height:2.2em;}

.hui-common-padding{padding:10px;}

.hui-show{display:block !important;}

.hui-hide{display:none !important;}

.hui-text{line-height:1.8em;}

.hui-primary-txt{color:#3388FF !important;}

.hui-danger-txt{color:#EF4F4F !important;}

.hui-text-center{text-align:center !important;}

.hui-click{}

.hui-click:active{background-color:#ECECEC;}





.content{background: #fff;}

 @media (min-width: 640px) {

.content {

	width: 640px;

	margin: 0 auto;

	position: relative;

    

}

 }



/* 头部导航 */

.hui-header{display:flex; height:66px; text-align:center; background-image: url(/skin/wap_images/logo.png); background-position:left; background-size:100%; background-repeat:no-repeat; background-color: #151414; position: fixed; width: 100%; z-index:1001; }

.hui-header h1{font-size:18px; height:44px; line-height:44px; overflow:hidden; width:100%; padding:0px 38px 0px 38px; text-align:center; font-weight:400; white-space:nowrap; text-overflow:ellipsis; color:#FFF;}

.hui-header + .hui-wrap{padding-top:44px;}

#hui-back{width:44px; height:44px; font-family:"hui-font"; line-height:44px; text-align:center; flex-shrink:0;}

#hui-back:before{content:"\e6a5"; font-size:18px; color:#FFFFFF;}

#hui-header-menu{width:30px; height:20px; line-height:44px; font-family:"hui-font"; flex-shrink:0;  position: absolute; right:10px; top:20px;}

#hui-header-menu:before{content:"";  background:url(/skin/wap_images/s.png) no-repeat;width:30px; height:20px; display:block; }

.hui-header img{ height:100%; }

 @media (min-width: 640px) {

.hui-header img{ height:80%; margin-top:1.3%;}

}



/* slide menu */

.hui-slide-menu{width:50%; height:100%; position:fixed; z-index:1001; background:#1b1b1b; left:-70%; top:0px !important;}

.hui-slide-menu ul{padding:5px 20px;}

.hui-slide-menu li{color:#FFFFFF; line-height:44px; height:44px; overflow:hidden;}

@keyframes hui-a-menu-show{0%{left:-70%;} 100%{left:0%}}

@-moz-keyframes hui-a-menu-show{0%{left:-70%;} 100%{left:0%}}

@-webkit-keyframes hui-a-menu-show{0%{left:-70%;} 100%{left:0%}}

@-o-keyframes hui-a-menu-show{0%{left:-70%;} 100%{left:0%}}

.hui-slide-menu-show{-webkit-animation:hui-a-menu-show 0.3s forwards; animation:hui-a-menu-show 0.3s forwards;}

@keyframes hui-a-menu-hide{0%{left:0%;} 100%{left:-70%}}

@-moz-keyframes hui-a-menu-hide{0%{left:0%;} 100%{left:-70%}}

@-webkit-keyframes hui-a-menu-hide{0%{left:0%;} 100%{left:-70%}}

@-o-keyframes hui-a-menu-hide{0%{left:0%;} 100%{left:-70%}}

.hui-slide-menu-hide{-webkit-animation:hui-a-menu-hide 0.3s forwards; animation:hui-a-menu-hide 0.3s forwards;}

/* 遮罩层 */

#hui-mask{position:fixed; z-index:20; background:#0000005e; width:100%; left:0px; top:0px; height:100%; transition:0.3s;}

/* 折叠面板 */

.hui-accordion{}

.hui-accordion-title{width:100%; height:48px; line-height:48px; font-size:16px; background:#; padding:0px 10px; box-sizing:border-box; font-weight:400; color:#fff; border-bottom:1px #4a4a4a solid;}

.hui-accordion-title:after{content:""; float:right; font-family:"hui-font";background:url(/skin/wap_images/jt.png) 0px 14px no-repeat; transition:0.3s;    margin-right:4%;}

.hui-accordion-title-up:after{content:"\e609"; background:url(/skin/wap_images/jt.png) 0px 10px  no-repeat; font-family:"hui-font"; transition:0.3s;}

.hui-accordion-content{width:100%; display:none;}

.hui-accordion-title-up:after{

transform:rotate(90deg);

-ms-transform:rotate(90deg); /* Internet Explorer */

-moz-transform:rotate(90deg); /* Firefox */

-webkit-transform:rotate(90deg); /* Safari 和 Chrome */

-o-transform:rotate(90deg); /* Opera */

transform-origin: center

}



/* swipe */

.hui-swipe{width:100%; position:relative;}

.hui-swipe-items{width:500%; position:relative; left:0; top:0;}

.hui-swipe-pre{width:20%;}

.hui-swipe-pre img{width:100%;}

.hui-swipe-item{width:20%; font-size:0px; float:left;}

.hui-swipe-item img{width:100%;}

.hui-swipe-indicator{width:55%; position:absolute; z-index:3; left:2%; bottom:8px; display:none;}

.hui-swipe-indicators{width:12px; border-radius:0px; height:12px; background:#808080; float:left; margin:0px 3px;}

.hui-swipe-indicator-active{background:#ba894e !important;}



/* hui-footer */

#hui-footer{width:100%; height:74px; background:#151414; padding:0px 0px; bottom:0px; left:0px; position:fixed; overflow:hidden; z-index:1000; display:flex;}

#hui-footer a{display:block; width:25%; color:#fff; border-right:1px solid #323232; padding-top:2%;}

#hui-footer a img{ height:100%; margin-top:2%;}

.hui-footer-icons{font-family:"hui-font"; text-align:center; font-size:20px; height:36px; line-height:36px;}

.hui-footer-text{text-align:center; font-size:14px; height:18px; line-height:18px; margin-top:2%;}

.hui-footer-active *{color:#3388FF;}

.hui-fooer-line{height:60px;}

#footer-logo{position:fixed; z-index:11; left:50%; bottom:5px; height:60px; width:60px; border-radius:60px; background:#3388FF; text-align:center; transform: translateX(-50%); line-height:60px; color:#FFF; font-size:20px; border:3px solid #FFF;}

#footer-logo img{width:100%;}

#nav-home i{background:url(/skin/wap_images/f1.png) top no-repeat; width:30px; height:27px; display:block; margin:auto; margin-top:8%;}

#nav-home:hover i{background:url(/skin/wap_images/f1.png) bottom no-repeat;}

#nav-tel i{background:url(/skin/wap_images/f2.png) top no-repeat; width:30px; height:27px; display:block; margin:auto; margin-top:8%;}

#nav-tel:hover i{background:url(/skin/wap_images/f2.png) bottom no-repeat;}

#nav-msn i{background:url(/skin/wap_images/f3.png) top no-repeat; width:33px; height:27px; display:block; margin:auto; margin-top:7%;}

#nav-msn:hover i{background:url(/skin/wap_images/f3.png) bottom no-repeat;}

#nav-map i{background:url(/skin/wap_images/f4.png) top no-repeat; width:30px; height:30px; display:block; margin:auto; margin-top:6%;}

#nav-map:hover i{background:url(/skin/wap_images/f4.png) bottom no-repeat;}







.noborder{border:none !important;}







/*prod*/

.prod{ background-image:url(/skin/wap_images/prod_bj.jpg); background-size:140%; background-repeat:no-repeat; background-position:top center; padding-bottom:10%; background-color:#050202;}

.prod_title{ text-align:center; padding-top:10%;}

.prod_title p{font-size:22px; font-weight:bold; color:#fff;}

.prod_title p b{color:#ba894e;}

.prod_title em{font-size:14px; text-transform:uppercase; display:block; color:#999999;width: 80%; text-align: center; margin: auto; line-height: 24px; margin-top: 8px; margin-bottom: 4px;}

.prod_title i{width:40px; height:4px; display:block; background:#ba894e; margin:auto; margin-top:6px;}

.prod_nr{margin-top:8%;}

.prod_nr ul li{width:30%; float:left; margin-left:9px;}

.prod_nr ul li p{width:100%; height:34px; color:#fff; line-height:34px; text-align:center; background:#ba894e;}

.prod_nr ul li i img{width:100%; display:block;}

.prod_ck{width:100px; height:34px; background:#ba894e; line-height:34px; color:#fff; text-align:center; margin:auto; margin-top:10%;}



/*ljzx*/

.ljzx{background-image:url(/skin/wap_images/ljzx.png); background-size:100%; background-repeat:no-repeat; background-position:top center; padding-bottom: 29%;  margin-top: -31px;}





.power{background-image:url(/skin/wap_images/power.jpg); background-size:100%; background-repeat:no-repeat; background-position:0px 56px; padding-bottom:14%; background-color:#050202;}

.power_title{ text-align:center; padding-top:10%; padding-bottom:8%;}

.power_title p{font-size:22px; font-weight:bold; color:#fff;}

.power_title p b{color:#ba894e;}

.power_title em{font-size:14px; text-transform:uppercase; display:block; color:#999999;width: 80%; text-align: center; margin: auto; line-height: 24px; margin-top: 8px; margin-bottom: 4px;}

.power_title i{width:40px; height:4px; display:block; background:#ba894e; margin:auto; margin-top:6px;}

.power_nr{}

.power_nr li{ text-align:center;}

.power_nr li img{}

.power_nr li p{color:#fff; font-size:12px;} 

.power_nr li:nth-child(1){width:44%; float:left; margin-left:4%; }

.power_nr li:nth-child(2){width:44%; float:right; margin-right:4%; }





.manufactor{background-image:url(/skin/wap_images/manufactor.jpg); background-size:100%; background-repeat:no-repeat; background-position:top;  }

.manufactor_title{ text-align:center; padding-top:10%;}

.manufactor_title p{color:#fff; font-size:16px; margin-bottom:1%;}

.manufactor_title span{color:#898989; font-size:12px; text-transform:uppercase;}

.manufactor_title i{background:url(/skin/wap_images/mjt.png) no-repeat; width:20px; height:20px; display:block; margin:auto; margin-top:5%;}

.manufactor_nr{padding-top:122%;}

.manufactor_nr li{float:left; color:#fff; width:50%; text-align:center; margin-bottom:3%;}



.about{}

.about_title{background-image:url(/skin/wap_images/about.jpg); background-size:100%; background-repeat:no-repeat; background-position:top; text-align:center; padding-top:4%; padding-bottom:36%;}

.about_title p{font-size:22px; font-weight:bold; color:#fff;}

.about_title p b{color:#ba894e;}

.about_title em{font-size:14px; text-transform:uppercase; display:block; color:#999999;width: 80%; text-align: center; margin: auto; line-height: 24px; margin-top: 8px; margin-bottom: 4px;}

.about_title i{width:40px; height:4px; display:block; background:#ba894e; margin:auto; margin-top:6px;}

.about_nr{background:#1c1c1c;}

.about_nr p{color:#fff; text-align:center; padding:6%; line-height:24px;}

.about_nr a{display:block; color:#fff; width:150px; height:40px; border:1px solid #303030; text-align:center; line-height:40px; margin:auto; background:#232323; margin-bottom:10%;}



.cooperative{background:#222222; padding-bottom:8%;}

.cooperative_title{ text-align:center; padding-top:8%; padding-bottom:6%;}

.cooperative_title p{font-size:22px; font-weight:bold; color:#fff;}

.cooperative_title p b{color:#ba894e;}

.cooperative_title em{font-size:14px; text-transform:uppercase; display:block; color:#999999;width: 80%; text-align: center; margin: auto; line-height: 24px; margin-top: 8px; margin-bottom: 4px;}

.cooperative_title i{width:40px; height:4px; display:block; background:#ba894e; margin:auto; margin-top:6px;}

.cooperative_nr{}

.cooperative_nr img{width:90%; margin:auto; display:block;}



.news{background-image:url(/skin/wap_images/news.jpg); background-size:100%; background-repeat:no-repeat; background-position:top; }

.news_title{ text-align:center; padding-top:10%;}

.news_title p{font-size:22px; font-weight:bold; color:#fff;}

.news_title p b{color:#ba894e;}

.news_title em{font-size:14px; text-transform:uppercase; display:block; color:#999999;width: 80%; text-align: center; margin: auto; line-height: 24px; margin-top: 8px; margin-bottom: 4px;}

.news_title i{width:40px; height:4px; display:block; background:#ba894e; margin:auto; margin-top:6px;}

.news_nr{}

.f_news{width:94%; margin:auto;position:relative; padding-top:6%;}

.f_news i{display:block; width:100%;}

.f_news i img{width:100%;}

.f_news p{ position:absolute; bottom:0; color:#fff; z-index:6; font-size:18px; line-height:40px; height:40px; width:100%; background:rgba(0, 0, 0, 0.42); text-indent:4%;}



.news_li{background:#fff; width:94%; margin:auto; margin-bottom:14%; padding-top:2%; padding-bottom:6%;}

.news_li li{padding:4%; margin-bottom:2%;}

.news_li li p{float:left;}

.news_li li span{float:right; color:#858585;}



/*page*/

.page{margin-top:30px;display: flex; justify-content: center;}

.page li{float:left; background:#ececec; margin:5px 3px;}

.page li a{color:#333; display: block; padding:4px 5px;}

.page .thisclass{background:#db831b; border:#db831b 1px solid;}

.page .thisclass a{ color:#fff !important;}

.page .pageinfo{padding: 5px; display: block;}



.content{background:#181819;}



.foot{background:#222222; height:70px; line-height:24px; color:#eee; text-align:center;margin-bottom:19%; font-size:12px; padding-top:5%;}

.foot a{color:#fff;}



.list_title{ text-align: center; padding-bottom:6%;}

.list_title p{font-size:22px; font-weight:bold; color:#ba894e;background-image: url(../wap_images/title_cp.png); background-repeat: no-repeat; background-size:90%; background-position: center; padding-bottom:1%;}

.list_title p b{color:#ba894e;}

.list_title em{font-size:14px; text-transform:uppercase; display:block; color:#999999;}