@font-face{ font-family: AGENCYB; src:url("/index/font/AGENCYB.ttf");}
*{ margin:0; padding:0;}
html{ font-size:75%;}
body{ width:100%; font-size:1.2rem; font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif; line-height:2.4rem; text-align:left; color:#333; background:#fff;}
a{ text-decoration:none; outline:none; star:expression(this.onFocus=this.blur()); cursor:pointer;}
a:link,a:visited{ color:#333;}
a:hover{ color:#269639; cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
img{ border:0; vertical-align:bottom; max-width:100%;}
:focus{outline:0;}
ul li{ list-style:none;}
.flt{ float:left;}
.frt{ float:right;}
.trans{ transition-duration:1s; -ms-transition-duration:1s; -moz-transition-duration:1s; -webkit-transition-duration:1s;}/* 图片放大 */
.trans:hover{ transform:scale(1.05) scale(1.05); -moz-transform:scale(1.05) scale(1.05); -ms-transform:scale(1.05) scale(1.05); -o-transform:scale(1.05) scale(1.05); -webkit-transform:scale(1.05) scale(1.05);}
.clear{ clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0;}
.smove{ -moz-transition:all 0.8s cubic-bezier(.19,1,.22,1); -o-transition:all 0.8s cubic-bezier(.19,1,.22,1); -webkit-transition:all 0.8s cubic-bezier(.19,1,.22,1); transition:all 0.8s cubic-bezier(.19,1,.22,1);}
.middle{ display:flex; display:-webkit-flex; display:-ms-flex; display:-moz-flex; display:-o-flex; align-items:center; -webkit-align-items:center; -ms-align-items:center; -moz-align-items:center; -o-align-items:center;}

#div_wap{ max-width:100%; overflow:hidden; position:relative;}
.wap_head{ border:solid 1px #57b333;
           background:linear-gradient(to bottom, #57c32e 0%,#57b333 50%,#2f9b38 100%); 
           background:-o-linear-gradient(to bottom, #57c32e 0%,#57b333 50%,#2f9b38 100%); 
           background:-moz-linear-gradient(to bottom, #57c32e 0%,#57b333 50%,#2f9b38 100%); 
           background:-webkit-linear-gradient(to bottom, #57c32e 0%,#57b333 50%,#2f9b38 100%); 
           background:-ms-linear-gradient(to bottom, #57c32e 0%,#57b333 50%,#2f9b38 100%);}
.wap_head a{ line-height:3rem; display:block; border:1px solid #2f9b38; text-align:center; color:#fff;}
.wap_logo{ padding:1rem; text-align:center;}
.wap_logo img{ max-width:35%; height:auto; vertical-align:bottom;}
.wap_logo span{ font-size:1.6rem; font-weight:bold; line-height:2rem; padding-left:1rem;}
.wap_menu{ width:100%; line-height:2.9rem; text-align:center;
           background:linear-gradient(to bottom, #57c32e 0%,#2f9b38 100%);
           background:-moz-linear-gradient(to bottom, #57c32e 0%,#2f9b38 100%);
           background:-webkit-linear-gradient(to bottom, #57c32e 0%,#2f9b38 100%);
           background:-ms-linear-gradient(to bottom, #57c32e 0%,#2f9b38 100%);
           background:-o-linear-gradient(to bottom, #57c32e 0%,#2f9b38 100%);}
.wap_menu a{ width:25%; line-height:2.9rem; display:inline-block; position:relative; border-top:solid 1px #57b333; border-bottom:solid 1px #2f9b38; font-size:1.2rem; color:#fff;}
.wap_menu a:after{ content:""; background:#2f9b38; position:absolute; right:0; top:0; width:1px; height:100%;}
.wap_menu a:before{ content:""; background:#57b333; position:absolute; left:0; top:0; width:1px; height:100%;}
.wap_menu a:hover,.wap_menu a.menu-link{ color:#fff; background:#269639;}
.wap_foot_bg{ width:100%; position:fixed; left:0; bottom:0; z-index:9999;}
.wap_foot_loca{ width:100%; overflow:hidden; position:relative;
                background:linear-gradient(to bottom, #57c32e 0%,#2f9b38 100%);
                background:-moz-linear-gradient(to bottom, #57c32e 0%,#2f9b38 100%);
                background:-webkit-linear-gradient(to bottom, #57c32e 0%,#2f9b38 100%);
                background:-ms-linear-gradient(to bottom, #57c32e 0%,#2f9b38 100%);
                background:-o-linear-gradient(to bottom, #57c32e 0%,#2f9b38 100%);}
.wap_foot_loca a{ width:20%; height:100%; color:#fff; float:left; display:block; overflow:hidden; text-align:center; line-height:1; padding:0.6rem 0;}
.wap_foot_loca a img{ width:2.5rem;}
.wap_foot_loca a span{ display:block; font-size:1.2rem; padding-top:0.3rem;}
.wap_foyp{ margin:1rem 0 6rem;}
.wap_foyp .wap_pwo{ text-align:center; padding-top:0.8rem;}
.wap_foot_code{ text-align:center; line-height:1.8rem; padding-bottom:0.8rem;}
.totop{ background:#2f9b38; border:1px solid #2f9b38; text-align:center; line-break:1.6rem;}
.totop a{ display:block; border:solid 1px #fff;}
.totop a span{ display:inline-block; color:#fff; font-size:1.6rem; background:url(/index/images/style/top.png) no-repeat left center; background-size:2rem; font-weight:bold; padding-top:0.8rem; padding-bottom:0.8rem; padding-left:2.3rem;}

/*---搜索---*/
.wap_search{ padding:1.4rem 10px;position:relative; overflow:hidden;} 
.wap_search .sear_lt{ margin-right:43px;}
.wap_search .sear_bg{ width:42px; height:30px; float:right; border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0; position:relative;}
.wap_search .sear_bg:before{content:'';display:block;width:12px;height:12px;border-radius:17px;position:absolute;right:14px;top:5px;z-index:99;} /*搜索右边的图标css3样式*/
.wap_search .sear_bg:after{content:'';display:block;width:4px;height:10px;border-radius:5px;border:0;position:absolute;right:12px;top:16px;z-index:99;-webkit-transform:rotate(-52deg);-o-transform:rotate(-52deg);-ms-transform:rotate(-52deg);transform:rotate(-52deg);} /*搜索右边的图标css3样式*/
.wap_search .sear_bg:before{ border:3px solid #fff;}/*搜索按钮-放大镜圆圈颜色*/
.wap_search .sear_bg:after{ background:#fff;}/*搜索按钮-放大镜直线颜色*/
.wap_search .tb_sear{width:100%;height:14px;padding:7px 0; line-height:14px;border-right:0;	border-bottom-left-radius:5px;border-top-left-radius:5px;border-bottom-right-radius:0;border-top-right-radius:0;-webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-top-right-radius:0;  -webkit-border-bottom-right-radius:0; text-indent:15px;float:left;} /*搜索中的请输入关键词样式*/
.wap_search .btn_sear{ float:right; position:absolute; z-index:100; right:10px; top:15px; width:42px; height:30px; background:transparent; border:none; cursor:pointer;}
.wap_search .sear_bg{ background-color:#2f9b38;
	                  background-image:-webkit-gradient(linear, left top, left bottom, from(#57c32e), to(#2f9b38)); 
	                  background-image:-webkit-linear-gradient(top, #57c32e, #2f9b38); 
	                  background-image:-moz-linear-gradient(top,  #57c32e, #2f9b38); 
	                  background-image:-o-linear-gradient(top,  #57c32e, #2f9b38); 
	                  background-image:-ms-linear-gradient(top, #57c32e, #2f9b38); 
	                  background-image:linear-gradient(top, #57c32e, #2f9b38);}
.wap_search .tb_sear{ color:#666; border:1px solid #2f9b38; box-shadow:3px 2px 3px #ccc inset;} 	/*搜索框*/
/*---搜索---*/

/* -- banner --  */
#wap_banner{ width:100%; margin:0 auto; position:relative;}
#wap_banner ul{ -webkit-transition:left 800ms ease-in 0; -moz-transition:left 800ms ease-in 0; -o-transition:left 800ms ease-in 0; -ms-transition:left 800ms ease-in 0; transition:left 800ms ease-in 0;}
#wap_banner ul li img{ width:100%; vertical-align:bottom;}
#banner_nav{ width:100%; height:14px; position:absolute; left:0; bottom:10px; text-align:center;}
#banner_nav a{ width:14px; height:14px; display:inline-block; text-indent:-999999px; background:#fff; border-radius:50%; margin:0 5px;}
#banner_nav a.active{ background:#269639;}
/* -- banner --  */

/* -- index --  */
.index{ padding-bottom:1rem;}
.iTitle{ text-align:center; font-size:1.6rem; color:#269639; letter-spacing:1px; padding:2rem 0 1rem; font-weight:bold;}
.iTitle b{ text-transform:uppercase; font-size:2rem; line-height:2rem; color:#898989; font-weight:normal; display:block;}
.iTitle i{ width:2rem; height:2px; display:block; margin:0.2rem auto 0; background:#269639;}
.iPro ul{ padding:1rem 0.5rem; overflow:hidden;}
.iPro li{ width:calc(50% - 1rem - 2px); height:17.5rem; margin:0 0.5rem; margin-bottom:1rem; float:left; overflow:hidden; box-shadow:0 0 10px -3px #333; border-radius:10px;}
.iPro li a{ width:100%; height:calc(100% - 3rem); text-align:center; overflow:hidden;}
.iPro li a img{ display:block; margin:0 auto;}
.iPro li span{ width:100%; text-align:center; height:3rem; line-height:3rem; font-size:1.4rem; display:block;}
.iComparison{ margin-top:1rem; padding:1rem 0 3rem; background-image: url(/index/images/style/ComparisonBg.jpg); background-repeat:no-repeat; background-position:center center; background-attachment:fixed; background-size:cover; overflow:hidden;}
.iComparison .iComparisonCt{ padding:0 1rem; margin-top:0.5rem;}
.iComparison li{ width:296px; height:295px; overflow:hidden; padding:2rem 0; float:left; margin-right:2rem; background:rgba(255,255,255,0.8); text-align:center; border-radius:10px;}
.iComparison li a{ width:180px; height:180px; display:block; margin:0 auto;}
.iComparison li a img{ width:100%; height:100%; border-radius:50%;}
.iComparison li b{ font-size:20px; color:#269639; padding:14px 0 10px; display:block;}
.iComparison li p{ width:80%; margin:0 auto; line-height:21px; font-size:16px;}
.iComparison li:hover{ background:rgba(38,150,57,0.6);}
.iComparison li:hover b,.iComparison li:hover p{ color:#fff;}
.iSlide{ margin:0 auto; padding:1rem; overflow:hidden;}
.iSlide ul li{ width:100%; overflow:hidden; position:relative;}
.iSlide ul li a{ overflow:hidden; display:block; width:100%; text-align:center;}
.iSlide ul li a img{ width:100%; height:100%;}
.iSlide ul li .iProImg{ border:solid 1px #ccc; box-sizing:border-box;}
.iSlide ul li .iProTit{ width:100%; font-size:1.4rem; height:3.5rem; line-height:3.5rem; font-weight:bold; background:rgba(0,0,0,0.3); color:#fff; position:absolute; left:0; bottom:0;}
.iCase, .iHonor{ margin-top:1rem; overflow:hidden;}
.iAbout{ background-image: url(/index/images/style/iaboutbg.jpg); background-repeat:no-repeat; background-position:center center; background-attachment:fixed; background-size:cover; margin-top:1rem; padding:0 1rem; padding-bottom:2rem; overflow:hidden;}
.iAboutCt dt{ width:100%;}
.iAboutCt dt img{ width:100%; height:100%;}
.iAboutCt dd{ overflow:hidden; margin-top:1.5rem;   }
.iAboutCt dd p{ text-indent:28px; margin-bottom:12px; line-height:21px;}
.iNews{ margin-top:1rem; padding-bottom:1rem; overflow:hidden; /*background-image: url(/index/images/style/newsBg.jpg); background-repeat:no-repeat; background-position:center center; background-attachment:fixed; background-size:cover;*/}
.iNewsCt ul{ margin-top:1rem; overflow:hidden;}
.iNewsCt ul li{ overflow:hidden; background:#fff; margin-bottom:1rem; border-top:solid 1px #d1cfcf; border-bottom:solid 1px #d1cfcf;}
.iNewsCt ul li span{ width:8rem; height:8rem; display:block; float:left; font-family:AGENCYB; text-align:center; font-size:2rem; position:relative; background:#f1f1f1;}
.iNewsCt ul li span:after{ content:""; position:absolute; right:0; top:0; width:1px; height:8rem; background:#d1cfcf;}
.iNewsCt ul li span b{ display:block; font-size:4.5rem; line-height:4rem; font-weight:normal; margin-top:1.1rem;}
.iNewsCt ul li div{ width:calc(100% - 8rem); height:8rem; float:left; padding:0.5rem 1rem; box-sizing:border-box;}
.iNewsCt ul li div a{ height:2.4rem; display:block; overflow:hidden; color:inherit;}
.iNewsCt ul li div .iNewsTit{ font-size:1.4rem; font-weight:bold; margin:0.5rem 0;}
.iNewsCt ul li div .iNewsKey{ height:3.2rem; line-height:1.6rem;}
.iNewsCt ul li:hover span,.iNewsCt ul li:hover span:after{ background:#44a734; color:#fff;}
.iNewsCt ul li:hover div{ background:#a2a2a2; color:#fff;}
/* -- index --  */

/* -- 内页  -- */
.s_back{ height:38px; position:relative; overflow:hidden; background:#e8e8e8; padding:7px 11px 0 9px;}
.s_back a{ display:inline-block; width:32px; height:32px; background:url(/index/images/style/back_icon.png) no-repeat; background-size:35px 600px;}
.s_back .bt_home{ margin-right:10px; background-position:0 -232px;}
.s_back .bt_page{ background-position:0 -286px;}
.page_down{ margin:1.3rem 10px 1.3rem 10px; border:1px solid #e1e1e1; border-radius:5px; -webkit-border-radius:5px; overflow:hidden;}
.page_down .son_tt{ line-height:2.2rem; padding:0.7rem 10px; cursor:pointer;}
.page_down div.on{ border-bottom:1px solid #ffffff; background-color:#fbfbfb; 
                   background-image:-webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e1e1e1));
                   background-image:-webkit-linear-gradient(top, #fbfbfb, #e1e1e1);
                   background-image:-moz-linear-gradient(top, #fbfbfb, #e1e1e1);
                   background-image:-o-linear-gradient(top, #fbfbfb, #e1e1e1);
                   background-image:-ms-linear-gradient(top, #fbfbfb, #e1e1e1);
                   background-image:linear-gradient(top, #fbfbfb, #e1e1e1);}
.son_list{ display:none;}
.son_list li{ line-height:3.2rem; border-bottom:1px solid #e1e1e1; padding-left:3.3rem; position:relative; overflow:hidden; }
.son_list li:before{ content:""; overflow:hidden; position:absolute; background:#269639; left:16px; top:16px; z-index:7; width:8px; height:8px; transform:roate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);}
.son_list li:after{ content:""; overflow:hidden; position:absolute; background:#fff; left:14px; top:16px; z-index:8; width:8px; height:8px; transform:roate(45deg); -moz-transform:roate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);}
.son_list li a{ display:block; font-size:1.4rem;}
.son_list li a:hover,.son_list li a.cuk{ color:#269639;}
.son_list > li{ position:relative;}
.son_list > li .snavbtn{ position:absolute; top:0; right:0.08rem; width:3.2rem; height:3.2rem; z-index:999; cursor:pointer;}
.snav_down:before{ content:""; overflow:hidden; position:absolute; background:#269639; left:14px; top:14px; z-index:7; width:10px; height:10px; transform:roate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);}
.snav_down:after{ content:""; overflow:hidden; position:absolute; background:#fff; left:14px; top:12px; z-index:8; width:10px; height:10px; transform:roate(45deg); -moz-transform:roate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);}
.snav_up:before{ content:""; overflow:hidden; position:absolute; background:#269639; left:14px; top:18px; z-index:7; width:10px; height:10px; transform:roate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);}
.snav_up:after{ content:""; overflow:hidden; position:absolute; background:#fff; left:14px; top:20px; z-index:8; width:10px; height:10px; transform:roate(45deg); -moz-transform:roate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg);}
.son_list .son_navlist{ margin-bottom:5px;}
.son_list .son_navlist li:last-child{ border-bottom:none;}
.son_list .snav_show{ display:none;}
.wap_son_lmpic{ width:100%; overflow:hidden; margin:0 auto;}
.wap_son_lmpic img{ max-width:100%; vertical-align:bottom;}
.wap_loca{ line-height:35px; margin-bottom:0.5rem; padding-left:1rem; overflow:hidden; text-overflow:ellipsis; border-top:1px solid #d9d9d9; box-shadow:0 1px #fff; position:relative; background-color:#f6f6f6;
    background-image:-webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eaeaea));
	background-image:-webkit-linear-gradient(top, #f6f6f6, #eaeaea);
	background-image:-moz-linear-gradient(top, #f6f6f6, #eaeaea);
	background-image:-o-linear-gradient(top, #f6f6f6, #eaeaea);
	background-image:-ms-linear-gradient(top, #f6f6f6, #eaeaea);
	background-image:linear-gradient(top, #f6f6f6, #eaeaea);
	border-bottom:1px solid #d9d9d9;}
.wap_loca:before{ content:""; position:absolute; left:0; top:0; width:100%; border-top:1px solid #fff;}

/* 产品详细页多图展示 */
.picshow{ width:320px; margin:1.2rem auto 1rem;}
.picshow .view a{ width:100%; height:100%; display:block;}
.picshow .view a img{ padding:2px; box-sizing:border-box; position:relative; top:50%; left:0; right:0; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);}
.view .swiper-container{ width:320px; height:320px;}
.view .swiper-slide{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:solid 1px #269639; text-align:center; background:#fff;}
.view .swiper-slide img{ display:inline-block; margin:0 auto;}
.preview{ width:100%; margin-top:1rem; position:relative;}
.preview .swiper-container{ width:320px; height:64px;}
.preview .swiper-slide{ padding:0 2px;}
.preview .swiper-slide a{ width:56px; height:56px; padding:1px; border:solid 1px #ededed; overflow:hidden;}
.preview img{ padding:1px; box-sizing:border-box; border:1px solid #fff; cursor:pointer; background:#fff;}
.preview .active-nav a{ background:#fff; border-color:#269639;}
.swiper-container{ margin:0 auto; position:relative; overflow:hidden; direction:ltr; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -o-backface-visibility:hidden; backface-visibility:hidden; /* Fix of Webkit flickering */ z-index:1;}
.swiper-wrapper{ position:relative; width:100%; -webkit-transition-property:-webkit-transform, left, top; -webkit-transition-duration:0s; -webkit-transform:translate3d(0px,0,0); -webkit-transition-timing-function:ease; -moz-transition-property:-moz-transform, left, top; -moz-transition-duration:0s; -moz-transform:translate3d(0px,0,0); -moz-transition-timing-function:ease; -o-transition-property:-o-transform, left, top; -o-transition-duration:0s; -o-transform:translate3d(0px,0,0); -o-transition-timing-function:ease; -o-transform:translate(0px,0px); -ms-transition-property:-ms-transform, left, top; -ms-transition-duration:0s; -ms-transform:translate3d(0px,0,0); -ms-transition-timing-function:ease; transition-property:transform, left, top; transition-duration:0s; transform:translate3d(0px,0,0); transition-timing-function:ease; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
.swiper-free-mode > .swiper-wrapper{ -webkit-transition-timing-function:ease-out; -moz-transition-timing-function:ease-out; -ms-transition-timing-function:ease-out; -o-transition-timing-function:ease-out; transition-timing-function:ease-out; margin:0 auto;}
.swiper-slide{ float:left; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal{ -ms-touch-action:pan-y;}
.swiper-wp8-vertical{ -ms-touch-action:pan-x;}
/* END 产品详细页多图展示 */

/* -- List or show  -- */
.pager{ width:100%; text-align:center; margin:1rem auto 0; overflow:hidden;}
.pager a,.pager span{ display:inline-block; padding:0.5rem 1rem; height:2rem; background:#e9e9e9; overflow:hidden; line-height:2rem; margin:0 0.5rem; color:#333; border:solid 1px #ddd; font-size:1.2rem;}
.pager a:hover{ background:#fff;}
.pager span{ color:#f70; background:#fff; font-weight:700;}
.buttonstyle{ border:solid 1px #148928; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#fff; font-weight:700; font-size:1.4rem; padding:0.3rem 2.2rem; cursor:pointer; line-height:2.2rem;
              background:linear-gradient(to bottom, #57c32e 0%,#57b333 49%,#57b333 49%,#2f9b38 50%,#269639 100%); 
              background:-moz-linear-gradient(to bottom, #57c32e 0%,#57b333 49%,#57b333 49%,#2f9b38 50%,#269639 100%); 
              background:-webkit-linear-gradient(to bottom, #57c32e 0%,#57b333 49%,#57b333 49%,#2f9b38 50%,#269639 100%); 
              background:-o-linear-gradient(to bottom, #57c32e 0%,#57b333 49%,#57b333 49%,#2f9b38 50%,#269639 100%); 
              background:-ms-linear-gradient(to bottom, #57c32e 0%,#57b333 49%,#57b333 49%,#2f9b38 50%,#269639 100%);}
.s-tit{ padding:0.3rem 1rem; border-bottom:1px solid #A9A9A9; background:#eee; font-size:1.4rem;}
.products{ padding:1rem 0; overflow:hidden;}
.products .waterfall{ column-count:2; -moz-column-count:2; -webkit-column-count:2; -ms-column-count:2; -o-column-count:2; column-gap:0; -moz-column-gap:0; -webkit-column-gap:0; -ms-column-gap:0; -o-column-gap:0;}
.products .prolist{ padding:0 1rem; text-align:center; overflow:hidden; break-inside:avoid; -webkit-break-inside:avoid; -ms-break-inside:avoid; -moz-break-inside:avoid; -o-break-inside:avoid;}
.products .prolist .spro_img{ display:block;}
.products .prolist .spro_img img{ width:96%; vertical-align:bottom; border:solid 1px #dadada; padding:3px;}
.products .prolist .spro_tt{ line-height:1.8rem; font-weight:bold; display:block; text-align:center; padding:1rem; font-size:1.2rem; overflow:hidden;}
.div_pdshow_big{ overflow:hidden; text-align:center !important; padding:1.5rem;}
.div_pdshow_big a img{ border:solid 2px #ddd; vertical-align:bottom; width:90%;}
.pshow_deta{ padding:1rem; overflow:hidden;}
.pshow_title{ text-align:center; padding-bottom:1rem;}
.pshow_title h2{ line-height:2.5rem; font-size:2.4rem; word-wrap:break-word; padding-bottom:0.8rem; padding-left:1rem; padding-right:1rem;}
.buy_bot{ width:10rem; display:inline-block;}
.buy_bot:hover{ color:#fff;}
.nav_fixed{ position:fixed; top:0; z-index:99999;}
.tab_con{ display:none;}
.pshow_tab{ padding:1.2rem 0;}
.pshow_tio{ width:100%; display:none; overflow:hidden;}
.pshow_list{ width:100%; overflow:hidden;}
.pshow_list li{ width:50%; line-height:4rem; float:left; text-align:center; overflow:hidden; background:#f2f2f2; border:1px solid #f2f2f2; font-size:1.4rem; font-weight:700; box-sizing:border-box;}
.pshow_list li.thistab{ background:#269639; border:1px solid #269639;}
.pshow_list li.thistab span{ display:block; border:solid 1px #fff; color:#fff;}
.pshow_tab .pshow_ct{ padding:1rem;}
.pshow_tab .pshow_ct img{ width:100%; max-width:100%; vertical-align:bottom;}
.prev_next{ padding:0 1rem 1rem;}
.Link{ padding-bottom:1rem; padding-left:1rem; padding-right:1rem;}
.Link a{ padding:0 1rem;}
.Related{ padding:0.5rem 1rem;}
.Related ul li{ line-height:2.8rem; overflow:hidden; border-bottom:solid 1px #eee; padding:0 1rem; position:relative;}
.Related ul li:before{ content:""; position:absolute; top:14px; left:5px; width:8px; height:8px; z-index:10; background:#a9a9a9; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.Related ul li:after{ content:""; position:absolute; top:14px; left:4px; width:8px; height:8px; z-index:11; background:#fff; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.Related ul li a{ padding-left:0.9rem;}
.Related_pro{ width:30rem; margin:0 auto; position:relative;}
.Related_pro ul{ display:block; padding-top:1rem;}
.Related_pro ul li{ width:15rem; text-align:center; float:left;}
.Related_pro ul li a{ width:14rem; height:14rem; display:block; border:solid 1px #ccc; padding:2px; overflow:hidden; margin:0 auto;}
.Related_pro ul li a:hover{ border:solid 1px #269639;}
.Related_pro ul li a img{ width:14rem; position:relative; top:50%; left:0; right:0; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%);}
.Related_pro ul li span{ width:100%; display:inline-block; line-height:1.8rem; padding:1rem 0;}
.repro_ct{ width:32rem; position:relative; margin:0 auto;}
.repro_ct .sp_pro{ width:2.5rem; height:2.5rem; position:absolute; top:7rem; z-index:99;}
.repro_ct .pprev{ left:-1.6rem;}
.repro_ct .pprev:before{ content:""; position:absolute; background:#fff; width:1.5rem; height:1.5rem; right:0.5rem; top:0.4rem; z-index:11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.repro_ct .pprev:after{ content:""; position:absolute; background:#A9A9A9; width:1.5rem; height:1.5rem; right:0.75rem; top:0.4rem; z-index:10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.repro_ct .pnext{ right:-1.6rem;}
.repro_ct .pnext:before{ content:""; position:absolute; background:#A9A9A9; width:1.5rem; height:1.5rem; right:0.5rem; top:0.4rem; z-index:10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.repro_ct .pnext:after{ content:""; position:absolute; background:#fff; width:1.5rem; height:1.5rem; right:0.75rem; top:0.4rem; z-index:11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.div_user{ padding:1rem; overflow:hidden;}
.div_user img{ width:100%; max-width:100%; vertical-align:bottom;}
.div_news{ padding:1rem;}
.div_news ul li{ line-height:1.8rem; overflow:hidden; border-bottom:solid 1px #eee; padding:1rem; position:relative;}
.div_news ul li:before{ content:""; position:absolute; top:1.5rem; left:0.6rem; width:0.6rem; height:0.6rem; z-index:10; background:#269639; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.div_news ul li:after{ content:""; position:absolute; top:1.5rem; left:0.4rem; width:0.6rem; height:0.6rem; z-index:11; background:#fff; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.div_news ul li a{ float:left; padding:0 1rem;}
.div_news ul li span{ float:right; font-size:1.2rem;}
.newslist_ct{ padding:1rem; overflow:hidden;}
.newslist_ct li{ overflow:hidden; border-radius:10px; border:solid 1px #ccc; background:#fff; margin:0 auto 1.5rem; padding:1rem;}
.newslist_ct li a{ display:block; overflow:hidden; padding:0 0.2rem;}
.newslist_ct li .snews_tt{ color:#010101; font-size:1.4rem; line-height:2.2rem; padding:0.2rem;}
.newslist_ct li span{ display:block; color:#878787; text-indent:2px; padding:0 0.2rem;}
.newslist_ct li .snews_pic img{ width:100%; vertical-align:bottom;}
.newslist_ct li .snews_key{ color:#646464; font-size:1.2rem; line-height:2rem; padding-top:0.5rem;}
.newslist_ct li .snews_more{ color:#000; font-size:1.2rem; font-weight:bold;}
.div_quest{ overflow:hidden;}
.div_quest li{ border-bottom:dotted 1px #ccc; padding:1rem; margin-bottom:1rem;}
.div_quest li p{ width:100%; line-height:22px; overflow:hidden; margin-bottom:1.5rem;}
.div_quest li p b{ width:22px; height:23px; line-height:22px; text-align:center; float:left; display:block; color:#fff; background:#000; margin-right:1rem;}
.div_quest li p span{ width:calc(100% - 22px - 1rem); float:left;}
.div_quest li .questA b{ background:#db2424;}
.div_news_show{ padding:1rem;}
.div_news_show img{ width:100%;}
.div_news_show h2{ text-align:center; border-bottom:solid 1px #AAA; display:block;  line-height:2.4rem; margin:0; font-size:2rem; padding:1rem 0;}
.div_news_show #p_info{ text-align:center; padding-top:0.5rem; color:#999; line-height:2.8rem;}

#div_pdf_show{ width:100%;}
#div_pdf_show h1{ height:55px; line-height:50px; text-align:center; overflow:hidden; font-size:20px; padding:0; margin:0 auto;}
#div_pdf_show div{ width:100%; height:400px;}
#div_pdf_show object{ width:100%; height:400px;}
#div_pdf_help{ width:100%; text-align:right; margin:5px auto 0;}
#div_pdf_help a{ text-decoration:underline;}
#div_pdf_qa{ border:dashed 1px #adf; width:95%; padding:2%; line-height:21px; display:none;}
#div_ealbum{ width:100%; overflow:hidden; margin:0 auto;}
#wap_ealbum{ width:640px; margin:0 auto;}
#wap_ealbum img{ width:640px;}
#wap_ealbum .scroll{ width:640px; height:100%; margin:0 auto; position:relative;}
#wap_ealbum .scroll_box{overflow:hidden; height:100%; position:relative;}
#wap_ealbum .scroll_wrap{overflow:hidden; position:relative;}
#wap_ealbum .scroll_wrap li{position:relative;display:block;width:100%;float:left;}
#wap_ealbum .scroll_wrap li a{display:block;margin:0 auto;position:relative;}
#wap_ealbum .scroll_position{position:absolute; right:0; z-index:400; bottom:10px; display:none;}
#wap_ealbum .scroll_position li{display:inline-block;width:22px;height:22px;margin-right:25px;border-radius:50%;background:#fff;}
#wap_ealbum .scroll_position li a{font-size:0;}
#wap_ealbum .scroll_position li.on{ background-color:#3aa1cd;}

.div_msg{ margin:1.5rem 0;}
.div_msg .high,.div_msg .formtips{ color:Red;}
.div_msg .formtips{ display:block;}
.div_msg .msg_list{ padding:0.5rem 1rem; overflow:hidden;}
.div_msg .msg_list .msg_tt{ font-size:1.4rem; overflow:hidden;}
.div_msg .msg_list #pro_name{ display:inline-block; font-size:1.4rem;}
.div_msg .msg_list .msg_ipt{ border-radius:3px; border:1px solid #CCC; padding:0.5rem 0; text-indent:3px; outline:0; width:95%;}
.div_msg .div_yzm{ position:relative; padding-top:0.5rem}
.div_msg .div_yzm .msg_tt{ letter-spacing:0.4rem;}
.div_msg .msg_list #ymz{ width:7rem;}
.div_msg .msg_list #yzmpic{ cursor:pointer; overflow:hidden; margin-left:10px; position:absolute; top:1rem; left:19rem;}
.div_mess_btn{ padding-top:2rem; text-align:center;}
.div_mess_btn .buttonstyle{ margin:0 0.5rem;}

#map{ margin:10px auto; border:solid 1px #cccccc; padding-bottom:10px; width:98%;}
#map ul{ padding:0; margin:0; text-align:left; clear:both;}
#map ul li{ list-style:none; margin:0; padding-top:0 !important; clear:both; text-align:left;}
#map ul li span{ color:#fff; display:block; overflow:hidden; height:22px; line-height:22px;float:left;margin:5px 0 0; text-align:center;}
#map ul li span.spn_id{ width:25px;}
#map ul li span.spn_nm{ width:125px !important;}
#map ul li a{ color:#fff; display:block; width:110px; overflow:hidden; height:16px; line-height:16px;float:left; margin:5px 0 0; text-align:left; padding-left:15px;}
#map .ul_0{ padding:0;}
#map .ul_0 li a,.ul_0 li span{ background:#505050;}
#map .ul_1 li ul{ float:left;}
#map .ul_1 li a,.ul_1 .li1 span a{ background:url(/index/images/style/li_bg1.gif) no-repeat left center;  font-weight:bold; font-size:13px; color:#000;}
#map .ul_2 li a,.ul_2 .li2 span a{ background:url(/index/images/style/li_bg2.gif) no-repeat left center;  font-weight:normal; font-size:12px; color:#444;}
#map .ul_3 li a,.ul_3 .li3 span a{ background:url(/index/images/style/li_bg2.gif) no-repeat left center;  font-weight:normal; font-size:12px; color:#444;}
#div_wap_bdshare{ width:218px; margin:10px auto; text-align:center; overflow:hidden;}
#register{ width:98%; margin:20px auto 0;}
#register h1{ font-size:16px;}
#div_register{ width:100%;}
#div_register table{ width:98%; margin:0px auto;}
#div_register table tbody tr th{ width:140px; padding:4px; border-bottom:solid 1px #ddd;}
#div_register table tbody tr th span{ font-weight:normal;}
#div_register table tbody tr td{ vertical-align:middle; border-bottom:solid 1px #ddd;}
#div_register table tbody tr td input{ float:left;}
#div_register table thead tr th{ background:url(../images/public/reg_tt.gif) repeat-x; height:26px; color:#fff; text-align:center; line-height:26px; width:100%; padding:0px;}
#div_reg_subm{ text-align:center; margin:10px auto 0;}
#dl_defa_logi .dd_logct span{ font-size:16px;}


#div_navpage{ width:98%; margin:0 auto; overflow:hidden;}
#div_navpage .dl_navpage{ width:100%; overflow:hidden; margin:0 auto 15px;}
#div_navpage .dl_navpage dt{ width:100%; height:30px; line-height:30px;}
#div_navpage .dl_navpage dt strong{ float:left; font-size:14px; padding-left:5px;}
#div_navpage .dl_navpage dt a{ float:right; font-family:宋体; padding-right:10px;}
#div_navpage .dl_navpage dd{ width:100%; overflow:hidden;}
#div_navpage .dl_navpage dd .nav_news li{ padding:0; margin:0; height:30px; clear:both; list-style:none; overflow:hidden; border-bottom:dotted 1px #89a442;}
#div_navpage .dl_navpage dd .nav_news li a{ line-height:30px; float:left; padding-left:20px; background:url(/index/images/style/defa_news_ic.gif) no-repeat 5px center;}
#div_navpage .dl_navpage dd .nav_news li span{ line-height:32px; margin-right:10px; font-family:Arial; color:#555; font-size:11px; margin-left:10px; float:right}
#div_navpage .dl_navpage dd .nav_pro li{ width:168px; float:left; overflow:hidden; text-align:center; height:227px; margin:0 2px; _display:inline;}
#div_navpage .dl_navpage dd .nav_pro li div{ width:160px; height:194px; line-height:194px; padding:3px; border:solid 1px #c4c4c4; overflow:hidden;}
#div_navpage .dl_navpage dd .nav_pro li div a{ width:160px; height:194px; display:table-cell; vertical-align:middle; text-align:center; *font-size:175px;}
#div_navpage .dl_navpage dd .nav_pro li div a img{ width:160px; vertical-align:middle; display:inline;}
#div_navpage .dl_navpage dd .nav_pro li span a{ width:100%; height:20px; line-height:20px; border:none; color:#0066cc; padding:5px 0 0 0; display:inline-block;}

.your_address .lbar{ padding:1.2rem 1.8rem; float:left;}
.your_address .lbar img{ width:30px;}
.your_address .rbar{ position:absolute; left:6rem; top:0;}
.your_address .rbar .title{ font-size:1.4rem; font-weight:bold; padding-top:1rem; line-height:2.2rem;}
.your_address .rbar .address{ font-size:1.3rem; text-indent:0.2rem; line-height:2rem;}
.stores_cont{ width:100%; margin:0 auto; overflow:hidden;  background:#ebebed; padding-bottom:1.5rem;}
.stores_cont div{ overflow:hidden; color:#333;}
.stores_cont .store{ padding-top:1.5rem; padding-left:1.5rem; padding-right:1.5rem;}
.stores_cont .cont{ padding:12px; background:#fff;}
.stores_cont .cont h3{ font-size:1.7rem; line-height:2.4rem;}
.stores_cont .cont .radis{ font-size:1.5rem; line-height:2.2rem;}
.stores_cont .cont .radis .dis{ padding-left:8px; color:#f43a47;}
.stores_cont .cont .tool{ text-align:right; line-height:24px; margin:2px auto 0;}
.stores_cont .cont .tool a{ font-size:1.5rem; display:inline-block; background:url(/index/images/style/wap_lbs_icon.png) no-repeat left center; background-size:14px auto; padding-left:20px; color:#333;}

.wap_tell_bg{ width:100%; overflow:hidden; position:fixed; left:0; top:0; z-index:100001; display:none;}
.wap_tell_bg div{ overflow:hidden;}
.wap_tell{ max-width:640px; margin:80px auto 0; background:#fff; border-radius:10px; position:relative;}
.wap_tell strong{ width:95%; margin:12px auto 0; font-size:16px; display:block; color:#333;}
.wap_tell a{ width:95%; height:40px; line-height:40px; margin:10px auto 0; display:block; background:#f6f6f6 url(/index/images/style/tel_label.jpg) no-repeat left center; text-indent:68px; border-radius:8px; color:#333; background-size:auto 100%; font-size:14px; font-weight:bold;}
.wap_tell span{ width:95%; height:40px; line-height:40px; margin:10px auto 12px; display:block; background:#8e8e8e; text-align:center; color:#fff; border-radius:8px; cursor:pointer; font-size:16px;}
.wap_body_bg{ width:100%; background:#000; opacity:0.8; filter:alpha(opacity=80); z-index:100000; overflow:hidden; position:fixed; left:0; top:0; display:none;}


.animated { -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;}
@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}
60%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
80%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}
60%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
80%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}
.bounceInRight{ -webkit-animation-name:bounceInRight; animation-name:bounceInRight;}