*{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; }
html{background:#fff;}
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;  z-index:19; background-image: url(../images/logo.jpg); background-size:100%; background-repeat:no-repeat; background-color: #fff; 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: 44px;
    height: 25px;
    line-height: 25px;
    font-family: "hui-font";
    flex-shrink: 0;
    /* background: url(../images/s.png) no-repeat; */
    position: absolute;
    right: 10px;
    top: 18px;
    background: #69c301;
    border-radius: 4px;
    color: #fff;
    font-size: 13px;}
/*#hui-header-menu:before{content:"\e60e"; font-size:25px; color:#FFFFFF;}*/
.hui-header img{ height:48%; margin-top:5%; margin-left:4%; width:76%;}
 @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:9999; background:#72b316; 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:#72b3165e; 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:#72b316; padding:0px 10px; box-sizing:border-box; font-weight:400; color:#fff; border-bottom:1px #a3ce67 solid;}
.hui-accordion-title:after{content:"\e609"; float:right; font-family:"hui-font";background:url(../images/jt.png) 0px 14px no-repeat; transition:0.3s;    margin-right:4%;}
.hui-accordion-title-up:after{content:"\e609"; background:url(../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:50px; height:12px; background:#FFFFFF; float:left; margin:0px 3px;}
.hui-swipe-indicator-active{background:#71b214 !important;}

/* hui-footer */
#hui-footer{width:100%; height:64px; background:#69c204; padding:5px 0px; bottom:0px; left:0px; position:fixed; overflow:hidden; z-index:10; box-shadow:1px -1px 3px #D1D1D1; display:flex;}
#hui-footer a{display:block; width:25%;}
#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%; color:#fff;}
.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(../images/f1.png) top no-repeat; width:30px; height:27px; display:block; margin:auto; margin-top:8%;}
#nav-home:hover i{background:url(../images/f1.png) bottom no-repeat;}
#nav-tel i{background:url(../images/f2.png) top no-repeat; width:30px; height:27px; display:block; margin:auto; margin-top:8%;}
#nav-tel:hover i{background:url(../images/f2.png) bottom no-repeat;}
#nav-msn i{background:url(../images/f3.png) top no-repeat; width:30px; height:27px; display:block; margin:auto; margin-top:8%;}
#nav-msn:hover i{background:url(../images/f3.png) bottom no-repeat;}
#nav-map i{background:url(../images/f4.png) top no-repeat; width:30px; height:27px; display:block; margin:auto; margin-top:8%;}
#nav-map:hover i{background:url(../images/f4.png) bottom no-repeat;}



.noborder{border:none !important;}
.business{margin-bottom:8%;}
.business li{float:left; width:33%; text-align:center; height:33%; border-right:1px #d5d5d5 solid; border-bottom:1px #d5d5d5 solid !important;}
.business li i{ display:block;  background-size:100%; margin:auto; margin-top:16%; margin-bottom:8%; background-repeat:no-repeat;}
.business .business_01 i{background-image:url(../images/yw1.png);width:41px; height:40px;}
.business .business_02 i{background-image:url(../images/yw2.png);width:43px; height:40px;}
.business .business_03 i{background-image:url(../images/yw3.png);width:42px; height:40px;}
.business li p{ font-size:16px;}
.business li span{transform:scale(0.8);-webkit-transform:scale(0.7); width:103%; font-size:12px; text-transform:uppercase; display:block; color:#ccc; margin-bottom:10%;}

/*service*/
.service{}
.service_title{ text-align:center;}
.service_title em{ text-transform:uppercase; font-size:12px; color:#818181; display:block; margin-bottom:1%; letter-spacing:1px;}
.service_title p{ font-size:20px; background:url(../images/p.png) center no-repeat;}
.service_fl{ text-align:center; padding:4% 0;}
.service_nr{}
.service_nr li{width:42%; float:left; margin-left:4.5%; margin-bottom:2%;}
.service_nr li img{ width:100%; border:1px #dedede solid; padding:2%; height:125px;}
.service_nr li p{ text-align:center;}
.service_more{width:92%; margin:auto; margin-top:20px; height:42px; border:1px #ccc solid; border-radius:50px; text-align:center; line-height:42px; font-size:16px; color:#999;}

/*power*/
.power{background-image:url(../images/power.jpg); background-size:100%; background-position:top; background-repeat:no-repeat; margin-top:10%; padding-bottom:140%;}

.case{width:94%; margin:auto; margin-top:8%;}
.case_title{}
.case_title i{background:url(../images/case_tb.png) left no-repeat; display:block; width:20px; height:20px; float:left; margin-right:10px;}
.case_title p{font-size:16px; color:#666666; float:left;}
.case_title a{background:url(../images/jt.png) no-repeat; width:9px; height:16px; display:block; float:right;}
.case_nr{margin-top:5%;}
.case_nr li{float:left; width:48%; margin-right:4%; margin-bottom:4%;}
.case_nr li:nth-child(2){margin-right:0px !important;}
.case_nr li:nth-child(4){margin-right:0px !important;}
.case_nr li i{ overflow:hidden; display:block; height:160px;}
.case_nr li i img{ height:100%;}
.case_nr li p{ margin-top:2%;}

/*about*/
.about{margin-top:8%;}
.about_title{ text-align:center;}
.about_title p{font-size:22px; color:#69c301; margin-bottom:2%;}
.about_title em{display:block; height:2px; background:#69c301; width:10%; margin:auto;}
.about_nr{margin-top:2%;}
.about_nr p{font-size:18px; color:#73b318; font-weight:bold;text-align:center; }
.about_nr span{width:92%; margin:auto; display:block; margin-top:4%; text-indent:7%; line-height:24px;}
.about_nr img{display:block; margin:auto; width:94%; margin-top:4%;}

/*xt*/
.xt{width:100%; background:#f3f3f3; border-top:1px #d5d5d5 solid; border-bottom:1px #d5d5d5 solid; height:10px; margin-top:8%;}

/*honor*/
.honor{width:94%; margin:auto; margin-top:8%; }
.honor_title{margin-bottom:4%;}
.honor_title i{background:url(../images/honor_tb.png) left no-repeat; display:block; width:18px; height:20px; float:left; margin-right:8px;}
.honor_title p{font-size:16px; color:#666666; float:left;}
.honor_title a{background:url(../images/jt.png) no-repeat; width:9px; height:16px; display:block; float:right;}
.honor_nr{}
.honor_nr img{display:block; width:100%; margin-bottom:4%; margin-top:2%;}
.honor_nr p{text-align:center; margin-top:4%;}

/*process*/
.process{width:94%; margin:auto; margin-top:8%;}
.process_title{margin-bottom:4%;}
.process_title i{background:url(../images/process_tb.png) left no-repeat; display:block; width:23px; height:20px; float:left; margin-right:12px;}
.process_title p{font-size:16px; color:#666666; float:left;}
.process_title b{padding-left:20px; color:#df4341; padding-top:2px;}
.process_nr{background-image:url(../images/process.jpg); background-size:100%; background-position:top; background-repeat:no-repeat; margin-top:5%; padding-bottom:48%;}



/*message*/
.message{margin:auto; width:92%; margin-top:4%; margin-bottom:12%;}
.message_title{margin-bottom:4%;}
.message_title p{float:left; color:#333; margin-bottom:1%;}
.message_title p:nth-child(3){width:100%;}
.message_title p:nth-child(3) img{width:4%; margin-top:4px;}
.message_title p b{font-weight:normal; color:#69c301;}
.message_title span{ display:block; color:#69c301; font-size:16px;}
.message_title img{ float:right; width:5%; margin-left:4%; margin-top:3%;}
.intxt1{width:95%; display:block; border:1px #ccc solid; margin-bottom:4%; height:40px; padding-left:4%;}
.coolbg{width:100%; border:1px #69c301 solid; background:#fff; height:40px; line-height:40px; border-radius:50px; color:#69c301; font-size:16px;}

/*cooperation*/
.cooperation{margin-top:10%;}
.cooperation_title{ text-align:center;}
.cooperation_title em{ text-transform:uppercase; font-size:14px; color:#818181; display:block; margin-bottom:1%;}
.cooperation_title p{ font-size:20px; background:url(../images/p.png) center no-repeat;}
.cooperation_nr{width:92%; margin:auto; margin-top:4%;}

/*news*/
.news{width:94%; margin:auto; margin-top:8%; }
.news_title{margin-bottom:4%;}
.news_title i{background:url(../images/news_tb.png) left no-repeat; display:block; width:18px; height:20px; float:left; margin-right:8px;}
.news_title p{font-size:16px; color:#666666; float:left;}
.news_title a{background:url(../images/jt.png) no-repeat; width:9px; height:16px; display:block; float:right;}
.news_nr{margin-top:4%;}
.news_nr li{height: 116px;}
.news_nr li dl{}
.news_nr li dl dd{float:left; width:36%; overflow:hidden; display:block; height:100px;}
.news_nr li dl dd img{width:120%;}
.news_nr li dl dt{float:right; width:60%; position:relative;}
.news_nr li dl dt p{font-size:16px; margin-bottom:4%; color:#282828; font-weight:bold; margin-top: 2%;}
.news_nr li:hover dl dt p{color:#71b214;}
.news_nr li dl dt span{ display:block; font-size:12px; color:#777;}
.news_nr li dl dt i{ display:block; position:absolute; bottom:-28px; font-size:12px; color:#696969;}
.news_jg{height:10px;}

.foot{color:#999; font-size:13px; text-align:center; margin-bottom:18%; background:#27282c; height:50px; line-height:50px;}

/*page*/
.page{margin-top:20px;display: flex;  justify-content: center;}
.page li{float:left; border:1px #ccc solid; margin:5px 3px;}
.page li a{color:#b6b6b6; display: block; padding: 5px 6px;}
.page .thisclass{background:#69c301; border:#69c301 1px solid;}
.page .thisclass a{ color:#fff !important;}
.page .pageinfo{padding: 5px; display: block;}