html,body{max-width:640px;min-width:320px;margin: 0 auto !important;}
html, body, div, span, applet, object, iframe, 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, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
caption,h1, h2, h3, h4, h5, h6, p,dl,dd,dt,th,td,select,ul,ol,li,form,input,textarea,fieldset,legend,img{ margin: 0; padding: 0px;}
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;}
html::-webkit-scrollbar{width:7px;height:7px;background-color:#ccc;} 
html::-webkit-scrollbar-track{border-radius:0;background-color:#ccc;}
/* 改变滚动条背景颜色*/
html::-webkit-scrollbar-thumb{border-radius:0;width:17px;height:17px;background-color:#000;}
/* 改变滚动条 */
body { font: 14px/1.8 "Microsoft JhengHei","Microsoft Yahei"; margin: 0 auto; color: #646464; background-color: #f3f3f3;}
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; }
strong { font-weight: bold; }
table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}
table{border-collapse:collapse;margin:0 auto!important;}
img { border: 0; display: block;max-width:100%;}
em,strong,i{font-style: normal;font-weight: normal;}
input, textarea, select, option { background: none; outline: 0; font-family: "Microsoft JhengHei","Microsoft Yahei"; padding: 0; margin: 0; }
input { outline: none; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; outline: none;}
::-moz-selection { background: #c26c1c; color: #fff; text-shadow: none; }
::selection { background: #c26c1c; color: #fff; text-shadow: none; }
select{ outline: none;}
select::-ms-expand { display: none; }
a { display: block;height:100%;cursor: pointer;transition: 0.3s;}
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clear:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clear:after { clear: both; }
.clear{zoom:1;}
.clear:after{ content:""; display:block; height:0; visibility:hidden; clear:both;}
.fl{float: left;}
.fr{float: right;}
body{font-size:14px;color:#000000;background:#fff;-webkit-text-size-adjust: 100%;}

@font-face {
    font-family: 'iconfont';
    src: url('/wk_cca/templets/default/fonts/iconfont.eot');
    src: url('/wk_cca/templets/default/fonts/iconfont.eot') format('embedded-opentype'),
    url('/wk_cca/templets/default/fonts/iconfont.woff') format('woff'),
    url('/wk_cca/templets/default/fonts/iconfont.ttf') format('truetype'),
    url('/wk_cca/templets/default/fonts/iconfont.svg#iconfont') format('svg');
}
.iconfont{
    font-family:"iconfont" !important;
   font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
/* 重置样式结束 */

/*================== 公用样式 START ==================*/

/* 头部   */
.top{ position: fixed; z-index: 999; width: 100%; left: 0; top: 0px; background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); height: 54px; transition: background 0.5s,top 0.5s,box-shadow 0.5s; -webkit-transition: background 0.5s,top 0.5s,box-shadow 0.5s;}
@media (min-width:640px){.top{width:640px !important;left:50%;margin-left:-320px;}}
.logo{ position: absolute; left: 0; top: 5px;}
.logo img{ height: 44px;}
.topfixed{ background-color: #fff; top: 0px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15); transition: background 0.5s 0.3s,top 0.5s 0.3s,box-shadow 0.5s 0.3s; -webkit-transition: background 0.5s 0.3s,top 0.5s 0.3s,box-shadow 0.5s 0.3s;}
.topfixed .nav{ opacity: 1; visibility: visible; transition: all 0.5s 0.3s; -webkit-transition: all 0.5s 0.3s;}
.menu-handler{ width:66px; right: 0; top: 0; height: 54px; cursor: pointer; background-color: #2BC04C; position: absolute;}
.menu-handler span { position: relative; display: block; margin: 26px auto 0; width: 22px; height: 2px; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s;}
.menu-handler span:after,
.menu-handler span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 2px; left: 0;
 background-color: #fff; -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s;-o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s;-moz-transition-delay: .3s,0s;-ms-transition-delay: .3s,0s;-o-transition-delay: .3s,0s; transition-delay: .3s,0s}
.menu-handler span:before {top: -6px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}
.menu-handler span:after {bottom: -6px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;
transition-property: bottom,transform;}
.menu-handler.active span {background-color: transparent;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}
.menu-handler.active span:after,.menu-handler.active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s}
.menu-handler.active span:before {top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.menu-handler.active span:after {bottom: 0;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.menuBox a:link, .menuBox a:visited { color: #fff;}
.menuBox a:active,.menuBox a:hover { color: #fff;}   
.menuBox { background-color: #2BC04C; color: #fff; position: fixed;width:70%; right: 0px; top: 0px;  height: 100%; height:100vh; overflow-x:hidden;  overflow-y:auto;-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%); -webkit-overflow-scrolling:touch;z-index:980;  -webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94); -moz-transition:all .5s cubic-bezier(.25,.46,.45,.94);-ms-transition:all .5s cubic-bezier(.25,.46,.45,.94); -o-transition:all .5s cubic-bezier(.25,.46,.45,.94);transition:all .5s cubic-bezier(.25,.46,.45,.94); }
.menuMoblie{ padding: 80px 0px 100px;}
.menuMoblie .nav-link { display: block; font-size: 16px; font-weight: bold; padding: 12px 12%; position: relative;}
.menuMoblie .nav-link.cur{ background-color: #2BC04C;}
.menuMoblie .subnav {  display: none;}
.menuMoblie .subnav a { position: relative; display: block; background-color: #cbc2b9; padding: 12px 12%; line-height: 24px;font-size:14px;}
.pusher-black { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background-color: rgba(0,0,0,0.4); z-index:900; visibility:hidden; filter:alpha(Opacity=0);opacity:0;-webkit-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -moz-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -ms-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; -o-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s; transition:all .2s cubic-bezier(.02,.01,.47,1) 0s;}
.menuOpen .pusher-black { visibility:visible;filter:alpha(enabled=false); opacity:1;}
.menuOpen .menuBox { -moz-transform:translateX(0); -ms-transform:translateX(0); -webkit-transform:translateX(0);  transform:translateX(0) }
.pusher{ transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.menuOpen .pusher { transform: translateX(-26%); -webkit-transform: translateX(-26%); transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; -webkit-transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1) 0s; }
.pageH{ height: 54px;}
/* 头部结束   */

/* 共用标题 */
.pub_title{text-align: center;overflow: hidden;padding:0.8rem 0;}
.pub_title h3{display: inline-block;padding:0.2rem 1rem;position: relative;font-size:20px;}
.pub_title h3 i{display:block;background-color:#000;position: absolute;}
.pub_title h3 i:nth-of-type(1){width:2px;height:0.25rem;left:0;top:0;}
.pub_title h3 i:nth-of-type(2){width:0.25rem;height:2px;left:0;top:0;}
.pub_title h3 i:nth-of-type(3){width:2px;height:0.25rem;right:0;bottom:0;}
.pub_title h3 i:nth-of-type(4){width:0.25rem;height:2px;right:0;bottom:0;}
/* 共用标题 */

/* 查看更多 */
.pub_more{width:40%;height:1.125rem;margin:1rem auto 1rem;text-align: center;line-height: 1.125rem;font-size:16px;color:#fff;background-color: #2BC04C;border-radius:0.1rem;}
/* 查看更多 */

/* 固定底部 */
.footer{position: fixed;left:0;bottom:0;width:100%;height:1.5rem;background-color:rgba(0,0,0,0.8);z-index:9999999999;}
.footer a{display: block;float: left;width:25%;text-align: center;line-height: 1.5rem;color:#fff;font-size:0.5rem;}
/* 固定底部 */

/* 子栏目菜单 */
.son_list .button_line{width:100%;height:1.2rem;background-color: rgba(0,0,0,0.8);padding:0 0.5rem;box-sizing: border-box;}
.son_list .button_line span{font-size:16px;line-height: 1.2rem;color:#fff;font-weight:bold;}
.son_list .button_line em{width:1.2rem;height:1.2rem;background:url(../images/plus.png) center center/60% no-repeat;transition: 0.5s;}
.son_list .button_line em.rotade{transform: rotate(225deg);}
.son_list ul{background-color: rgba(0,0,0,0.8);display: none;}
.son_list ul li{padding:0 0.25rem;box-sizing: border-box;}
.son_list ul li a{display: block;width:100%;height:100%;text-align: center;line-height: 1rem;font-size:14px;color:#fff;}
/* 子栏目菜单 */

/*================== 公用样式 END ==================*/

/*======================= 首页 START=======================*/
#main{padding-bottom:1.5rem;}
#main .inner{padding:0 0.2rem;}

.section_one .product_list ul li{float: left;width:48%;margin:1%;border-radius:6px;overflow: hidden;}
.section_one .product_list ul li img{margin:0 auto;}
.section_one .product_list ul li span{display: block;text-align: center;line-height: 1rem;font-size:16px;color:#000;}

 
.section_two{padding:30px 0;}
.section_two ul{font-size:0;text-align: center;}
.section_two ul li{display: inline-block;width:31.33%;margin:1%;text-align: center;}
.section_two ul li i{font-size:26px;}
.section_two ul li h3{font-size:16px;}
.section_two ul li p{font-size:12px;}

.section_three .news_list ul li{padding-bottom:0.25rem;border-bottom:rgba(0,0,0,0.05) 1px solid;margin-bottom: 0.25rem;animation-name: fadeInLeft;}
.section_three .news_list ul li span{color: #ADADAD;font-size: 14px;line-height: 30px;text-align: right;}
.section_three .news_list ul li em{color: #bdbdbd;font-size: 14px;line-height: 30px;padding-left:0.3rem;}
.section_three .news_list ul li h3{font-size:16px;color: #464646;font-weight:100;line-height: 1rem;white-space:nowrap; overflow:hidden; text-overflow: ellipsis;}
.section_three .news_list ul li p{font-size:14px;color: #6a6a6a;line-height: 0.8rem;height:1.6rem;}

.section_four .product_list ul li, .about .three ul li, .article_content .list li{float: left;width:48%;margin:1%;}

.section_five .sc10{height:4rem;}

.section_six .info{text-align: center;}
.section_six .info h3{font-size:0.6rem;line-height: 1rem;color:#474747;}
.section_six .info p{line-height: 1rem;font-size:14px;color:#999999;}
.section_six .info p a{display: inline-block;color:#999999;}
/*======================= 首页 END=======================*/

/*======================= 详情页 START=======================*/
.article_content{line-height: 0.55rem;font-size:14px;}
.article_content .title{width:240px;height:40px;background-color:#2BC04C;text-align: center;line-height: 40px;color:#fff;font-size:20px;margin:20px 0 10px;}
.article_content .h3_title{font-size:20px;margin:20px 0;line-height: 40px;}
.article_content .list li{text-align: center;}
.article_content .list li img{margin:0 auto;height:186px;}
.article_content .list li p{font-size:16px;line-height: 30px;}
.pagenp{padding:0.5rem 0;}
.pagenp p{line-height: 34px;}
.pagenp a{display: inline-block;font-size:14px;color:#000;}
/*======================= 详情页 END=======================*/

/*======================= 合作加盟 START=======================*/
.hzjm .info_content{text-align: center;}
.hzjm .info_content h3{font-size:20px;line-height: 44px;box-shadow: 1px 2px 10px #ccc;color:#fff;}
.hzjm .info_content .p_box{box-shadow: 1px 2px 10px #ccc;padding:20px 10px;margin-bottom:20px;}
.hzjm .info_content p{font-size:16px;line-height: 30px;}
.hzjm .info_content .one h3{background-color: #7FDB92;}
.hzjm .info_content .two h3{background-color: #48CCD9;}
.hzjm .info_content .three h3{background-color: #EBAF4F;}
/*======================= 合作加盟 END=======================*/

/*======================= 关于我们 START=======================*/
.about .one .intro p{font-size:16px;}
.about .two{text-align: center;}
.about .two h2{font-size:22px;line-height: 40px;}
.about .two p{font-size:18px;margin-bottom:14px;}
.about .four p{font-size:16px;line-height: 40px;}
.about .four p i{font-size:20px;}
/*======================= 关于我们 END=======================*/