/* CSS Document */
/* Css writer: www.pallong.com */


.returntop{ display:none; background:#68b92e; position:fixed; z-index:99999; right:0px; bottom:0px; cursor:pointer; padding:8px 12px;}
.returntop i{ font-size:24px; color:#fff;}
.returntop:hover{ background:#539e1d;}

.top{ height:86px; background:#fff; position: fixed; z-index:99999; left:0; top:0; width:100%; border-bottom:0px solid #ddd;}
.top .wrap{ height:86px; position:relative; z-index:9999;}
.topbg{ height:12px; background:url(../image/topty.png) repeat-x left -1px; position:absolute; bottom:-12px; left:0; width:100%;}
.toph{ height:86px;}
.topbga{ background:#fed100; height:44px; position:absolute; left:0; bottom:0; width:50%;}
.topbgb{ background:#68b92e; height:44px; position:absolute; left:50%; bottom:0; width:1200px; margin-left:-600px;}
.topbgc{ background:#68b92e; height:44px; position:absolute; right:0; bottom:0; width:50%;}

.logo{ width:160px; height:150px; position: absolute; left:-3px; top:0; z-index:99999;}
.logo a{ width:100%; height:100%; display:inline-block; background:url(../image/66.png) no-repeat 0px 0px; background-size:cover;}

.toptel{ position:absolute; top:55px; right:0px; font-size:22px; line-height:20px; padding-left:24px; color:#fff;}
.toptel i{ position:absolute; left:0; top:1px; font-size:18px;}

.menu{ margin:42px 0 0 140px; height:44px;}
.menu li{ float:left; padding:0 25px; position:relative;}
.menu li h6{ position:relative; z-index:5;}
.menu li h6 a{ font-size:18px; line-height:44px;color:#fff; display:block; position: relative; padding:0 1px; overflow:hidden;}
.menu li h6 a span{ position:absolute; left:50%; bottom:0; height:3px; width:0; background:#.menu li.curr h6 a span;}
.menu li.curr h6 a em{ position:absolute; left:0; bottom:0; height:3px; width:100%; background:#fed100;}

.menur{ position:absolute; top:44px; left:0px; z-index:4; display:none; background-color:rgba(104,185,46,.7)}
.menur ol{ position:relative; padding:15px 0;}
.menur ol ul{ width:120px; padding:0 26px;}
.menur ol ul h5{ padding:4px 0; height:30px; overflow:hidden;}
.menur ol ul h5 a{ font-size:16px; line-height:30px; color:#fff; display:inline-block; width:100%; position:relative}
.menur ol ul h5 a:hover,.menur ol ul h5.curr a{ color:#fed100;}
.menur ol ul h5 a i{ position:absolute; font-size:12px; right:0; top:10px;}

.menur ol ul dl{ display:none; position:absolute; left:172px; top:0; width:200px; height:446px; background-color:rgba(104,185,46,.7); padding:20px 0; overflow:hidden;}
.menur ol ul dl dd{ padding-left:10px;}
.menur ol ul dl dd a{ font-size:14px; line-height:2em; color:#fff;}
.menur ol ul dl dd a:hover{ color:#fed100;}

.tophui{ position:fixed; top:86px; left:0; right:0; bottom:0; background:#000; opacity:0; z-index:9998; display: none}


.bbs{ display:inline-block; width:80px; height:80px; position: fixed; z-index:999; background:#eee; border-radius:120px; padding:0px; left:50%; margin-left:560px; top:120px; overflow:hidden; border:1px solid #ddd;}
.bbs em{ position:absolute; background: url(../image/bbsbg.png); background-position:50% 50%; background-repeat:no-repeat; background-size: cover; border-radius:120px; padding:0px;display:inline-block; width:80px; height:80px; border-radius:120px; left:0; top:-80px; text-align:center; font-size:0;}
.bbs img{ width:90px; height:90px; position:absolute; left:-6px; top:-6px;}


.fishingking{ padding:30px 0; text-align:center; background:#f1f1f1; }

.hsam{ background:#f1f1f1; padding-top:10px;}

.hometi{ border-bottom:2px solid #e1e1e1; height:50px; position:relative;}
.hometi h6{ position:absolute; left:0; bottom:-2px; font-size:22px; line-height:50px; color:#68b92e; border-bottom:2px solid #68b92e;}
.hometi h6 a{ font-size:22px; line-height:50px; color:#68b92e;}
.hometi .tabti{ float:right; margin-top:8px;}
.hometi .tabti li{ float:left; line-height:34px; font-size:16px; cursor:pointer; padding:0 15px;}
.hometi .tabti li.curr{ background:#fdd000;}

.habout{ width:335px;}
.haboutco{ font-size:14px; line-height:1.8em; margin-top:20px; position:relative;}
.home-about-more{ position:absolute; right:0; bottom:-2px; font-size:12px; line-height:22px; padding:0 5px; display:inline-block; color:#fff; background-color:#68b92e;}
.home-about-more:hover{ background-color:#fed100; color:#fff;}

.hnews{ width:505px; margin:0 30px;}

.hnewsco{ margin-top:20px;}
.hnewsco dl{}
.hnewsco dl dt{ background:#fff; width:220px; float:left;}
.hnewsco dl dt a{ margin:10px; width:200px; height:120px; display:inline-block; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.hnewsco dl dd{ float:left; width:265px; padding-left:20px;}
.hnewsco dl dd h3{}
.hnewsco dl dd h3 a{ font-size:16px; line-height:1.2em; color:#68b92e;}
.hnewsco dl dd p{ position:relative; padding-top:40px; font-size:14px; line-height:1.6em;}
.hnewsco dl dd p span{ position:absolute; left:0; top:15px; letter-spacing:1px; font-size:14px; line-height:1em; color:#888;}

.hnewsco ul{ padding-top:15px;}
.hnewsco ul li{}
.hnewsco ul li a{ font-size:16px; line-height:30px;}
.hnewsco ul li span{ float:right; font-size:14px; line-height:30px;}

.hvideo{ width:320px;}
.hvideo dl{ margin-top:20px;}
.hvideo dl dt a{ padding-top:60%;display:block; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.hvideo dl dd{ text-align:center;}
.hvideo dl dd a{ display:block; padding:10px 15px; font-size:14px; line-height:1.6em; color:#fff; background:#68b92e;}

.homebrand{ padding:40px 0 40px; background:#f1f1f1}

.mk{ height:70px; width:100%; position:relative;}
.mk ul{ height:70px; text-align:center;}
.mk ul li{ position:relative; height:70px; display:inline-block; color:#888; margin:0 30px; cursor:pointer;}
.mk ul li a{ display:block; height:70px; position:relative; color:#888;}
.mk ul li i{ position:absolute; left:0; bottom:22px; font-size:24px;}
.mk ul li i.fa-mobile{ font-size:32px; bottom:19px;}
.mk ul li span{ position:relative; top:16px; padding-left:30px; font-size:16px; line-height:40px;}
.mk ul li:hover,.mk ul li:hover a{ color:#68b92e}

.link{ background:#fff; height:70px; text-align:center; position:relative; z-index:9999;}

.brandti{font:700 16px/60px "\5fae\8f6f\96c5\9ed1",sans-serif; color:#68b92e; position:relative; text-align:center}
.brandti span{ position:absolute; left:50%; margin-left:-90px; bottom:0; height:1px; width:180px; background:#68b92e; overflow:hidden;}

.botips{ height:340px; width:100%; background:#eeeeee; position:absolute; top:-340px; z-index:9999; display:none}
.boclose{ width:28px; height:28px; background: url(../image/close.png) no-repeat left top; position:absolute; top:20px; right:50%; margin-right:-600px; cursor:pointer; z-index:99;-moz-transition-duration: 0.3s;-webkit-transition-duration: 0.3s;-o-transition-duration: 0.3s;-ms-transition-duration: 0.3s; transition-duration: 0.3s;}
.boclose:hover{-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}

.linkli{ position:relative; text-align:left; display:none}

.linka{padding:0px 40px; position:absolute; top:40px; left:0; width:100%;}
.linka li{ width:23%; padding-left:3%; margin-left:7%; float:left; font-size:16px; line-height:30px; border-left:1px solid #aaa;}
.linka li span{ font-weight:700; display:inline-block; padding:0 1px;}


.tool{ background:#68b92e; padding:50px 0;}
.toollist{ text-align:center;}
.toollist dl{ width:120px; display:inline-block; margin:0 120px;}
.toollist dl dt{ margin:10px; position:relative; padding-bottom:10px;}
.toollist dl dt a{ display:block; height:100px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.toollist dl dd{ font-size:22px; line-height:1em; color:#fff;}
.toollist dl.toola dt a{ background-image:url(../image/tool-a.png)}
.toollist dl.toolb dt a{ background-image:url(../image/tool-b.png)}
.toollist dl.toolc dt a{ background-image:url(../image/tool-c.png)}

.bottom-nav{ background:#68b92e;}
.bottom-nav .wrap{ position:relative;}
.bonavlist{ padding:40px 10px;}
.bonavlist dl{ float:left; width:14%;}
.bonavlist dl dt{ padding-bottom:10px;}
.bonavlist dl dt a{ font-size:18px; line-height:30px; color:#fff;}
.bonavlist dl dd{ padding-left:1px;}
.bonavlist dl dd a{ font-size:14px; line-height:26px; color:#e1ffc6;}
.bonavlist dl dt a:hover,.bonavlist dl dd a:hover{  color:#fff; text-decoration:underline;}

.ewm{ position:absolute; top:46px; right:10px;}
.ewm dl{ width:120px;}
.ewm dl dt img{ width:100%;}
.ewm dl dd{ text-align:center; line-height:30px; color:#fff; font-size:14px;}

.footer{ background:#f5f5f5; border-top:0px solid #e5e5e5; padding:25px 0; height:20px;}
.copy{font:500 14px/20px "\5fae\8f6f\96c5\9ed1",sans-serif; color:#666; }
.copy span{ display:inline-block; margin-left:30px; position:relative; }
.copy span.iccc{ display:inline-block; margin-left:20px; position:relative; padding-left:25px;}
.copy span a.icpico{ display:inline-block; position:absolute; left:0; top:0;}

/* in page */

.aboutbanner{ height:540px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}

.location{ padding:20px 0;}
.location ul{ font-size:16px; line-height:2em;}
.location ul a{ font-size:16px; line-height:2em; color:#555; height:26px; display:inline-block;}
.location ul a:hover{ color:#68b92e;}
.location ul span{ font-family:"\5b8b\4f53"; font-size:16px;color:#888; display:inline-block; padding:0 15px;}

.main{ position:relative; background:#fff; padding-bottom:30px;}

.side-le{ background:#f1f1f1; padding:30px 40px; width:900px; float:left; margin-left:20px;}
.side-ri{ width:220px; padding: 0px; float:left;}

.siderico h5{ font-size:24px; line-height:3em; color:#fff; background:#68b92e; padding-left:20px;}

.right-ti{ font-size:24px; line-height:1em; color:#555; padding-bottom:20px;}

/* sidenav */

.sidenav{ padding-top:8px; background:#f5f5f5;}
.sidenav li h6{ position:relative;}
.sidenav li h6 a{ font-size:16px; line-height:3.6em; display:block; padding-left:20px;}
.sidenav li.curr h6 a{ color:#6fba2a}

.sidenav li h6 p{position:absolute; left:0; bottom:0px; right:0; height:1px; overflow:hidden; background:#e5e5e5;}
.sidenav li h6 span{ position:absolute; left:0; bottom:0px; height:1px; width:0; overflow:hidden; background:#6fba2a;}
.sidenav li.curr h6 em{ position:absolute; left:0; bottom:0px; right:0; height:1px; overflow:hidden; background:#6fba2a;}

.pronav{ padding-top:8px; background:#f5f5f5;}
.pronav li h6{ position:relative;}
.pronav li h6 a{ font-size:16px; line-height:3.6em; display:block; padding-left:20px;}
.pronav li.curr h6 a{ color:#6fba2a}

.pronav li h6 p{position:absolute; left:0; bottom:0px; right:0; height:1px; overflow:hidden; background:#e5e5e5;}
.pronav li h6 span{ position:absolute; left:0; bottom:0px; height:1px; width:0; overflow:hidden; background:#6fba2a;}
.pronav li.curr h6 em{ position:absolute; left:0; bottom:0px; right:0; height:1px; overflow:hidden; background:#6fba2a;}

.pronav li.curr h6 p span{ width:100%;}
.pronav li.curr ol{ display:block;}

.pronav li ol{ display:none; padding:10px 20px;}
.pronav li ol p a{ font-size:14px; line-height:30px; position:relative; padding-left:30px;}
.pronav li ol p a i{ position:absolute; left:15px; top:3px;}
.pronav li ol p.curr a{ color:#6fba2a}

.prolistheight{ height:60px;}


/* aout */

.about{ font-size:16px; line-height:2em}
.about p{ padding:6px 0 18px;}
.about img{ max-width:100%;}




.riti{ border-bottom:1px solid #898989; position:relative; background:url(../image/ritiico.jpg) no-repeat left 15px;font:500 18px/50px "\5fae\8f6f\96c5\9ed1",sans-serif; color:#888; padding-left:30px;}
.riti span{ position:absolute; width:100px; height:3px; background:#68b92e; left:0; bottom:-2px;}

.aboutco {}
.aboutco img{ max-width:100%;}
.abouttext{font:500 18px/50px "\5fae\8f6f\96c5\9ed1",sans-serif; color:#333; margin-top:50px;}
.abouttext img{ padding:0 30px 30px 0;}


/* 新闻列表 */

.newslist{ background:#f1f1f1; padding:10px 31px 30px;}

.newshh{ height:70px;}

.newsliti{ padding:0 8px;}
.newsliti a{ background:#68b92e; display:inline-block; padding:0 20px; position:relative;font:500 18px/40px "\5fae\8f6f\96c5\9ed1",sans-serif; color:#fff; border-bottom:3px solid #fed100;}

.gsxw{ margin-top:15px; margin-left:8px;}

.tabco{ float:left; width:760px;}
.tabco dl{ width:760px; height:468px; display:none;}
.tabco dl a{ display:block; position:relative;}
.tabco dl a dt{ height:468px; position:relative; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.tabco dl a dd{ background:url(../image/tmb.png); position:absolute; left:0; bottom:0; padding:15px 20px; width:760px;}
.tabco dl a dd h6{font:500 18px/30px "\5fae\8f6f\96c5\9ed1",sans-serif; color:#fff;}
.tabco dl a dd h6 i{ margin-right:10px; color:#68b92e; font-size:24px;}

.gsxw .tabti{ float:left; width:380px;}
.gsxw .tabti dl{ border-top:1px solid #ddd; position:relative; height:96px; padding:10px 0 10px 15px; background:#fff;}
.gsxw .tabti dl dt{font: italic 500 16px/20px "\5fae\8f6f\96c5\9ed1",sans-serif; color:#68b92e;}
.gsxw .tabti dl h1{}
.gsxw .tabti dl h1 a{font: 700 17px/40px "\5fae\8f6f\96c5\9ed1",sans-serif; color:#555;}
.gsxw .tabti dl dd{ position:relative;font: 500 14px/20px "\5fae\8f6f\96c5\9ed1",sans-serif; color:#888;}
.gsxw .tabti dl dd a{font: 500 14px/20px "\5fae\8f6f\96c5\9ed1",sans-serif; color:#68b92e; position:absolute; right:10px; bottom:0;}
.gsxw .tabti dl dd a i{ font-size:16px; margin-left:5px;}

.gsxw .tabti dl.curr{ background:#86c758}
.gsxw .tabti dl.curr dt{ color:#fff;}
.gsxw .tabti dl.curr span{ background:url(../image/newsjiao.png) no-repeat left top; width:51px; height:97px; position:absolute; left:-51px; top:50%; margin-top:-48px;}
.gsxw .tabti dl.curr h1 a{color:#fff;}
.gsxw .tabti dl.curr dd{ color:#fff;}
.gsxw .tabti dl.curr dd a{ color:#fff;}

.newsc{ padding-top:7px;}
.zxhd{ padding-top:7px;}
.zxhd dl{ float:left; width:340px; padding:15px; background:#fff; margin:8px;}
.zxhd dl dt{  width:340px; height:204px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.zxhd dl dt a{ display:block; height:100%;}
.zxhd dl dd{ margin:10px 5px 0; height:140px; position:relative;}
.zxhd dl dd h3{ padding-top:10px;}
.zxhd dl dd h3 a{ font-size:18px; line-height:20px; color:#333; display:inline-block; width:100%;}
.zxhd dl dd h3 a:hover{ color:#68b92e;}
.zxhd dl dd h2{ font-size:14px; line-height:22px; color:#888; margin-top:10px;}
.zxhd dl dd h1{font-size:14px; line-height:20px; color:#888; position:absolute; left:0px; bottom:0;}


/* newslico */

.newss{ position:relative; padding:20px 0 26px 100px; border-bottom:1px solid #ddd;}

.newsdate{ width:60px; height:60px; padding:8px; position:absolute; left:0; top:30px; text-align:center; color:#fff; border-radius:100%; background-image:url(../image/date.png); background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.newsdate dt{ font-size:26px; line-height:40px; position:absolute; left:15px; top:5px;}
.newsdate dd{font-size:18px; line-height:32px; position:absolute; right:14px; bottom:5px;}

.newslico{}
.newslico dt a{ font-size:22px; line-height:2em;}
.newslico dd{ font-size:16px; line-height:1.6em;}


/*newsi*/

.newslocation,.newslocation a{ font-size:16px; line-height:30px;}
.newslocation span{ display:inline-block; padding:0 10px; font-weight:700; font-family:"\5b8b\4f53"; color:#888;}

.newsti{ font-size:26px; line-height:60px; border-bottom:1px solid #898989; position:relative; margin-top:30px;}
.newsti i{ color:#68b92e; font-size:30px; margin-right:15px;}
.newsti span{ position:absolute; width:15%; height:3px; left:0; bottom:-2px; background:#68b92e}

.newsco{ padding:25px 0 30px; font-size:16px; line-height:30px;}
.newsco p{ padding:8px 0;}
.newsco img{ margin-top:10px;}


/* video */

.newvideo{ background:#282828;}
.newvideoco{ width:940px; margin:0 auto;}
.newvideoti{ padding:10px 0 10px 5px;}
.newvideoti span{ display:inline-block; border:1px solid #68b92e; font-weight:700; font-size:18px; line-height:32px; padding:0 20px; color:#fff;}

.videoco{ width:650px; height:440px; float:left;}
.videoco dl{ height:440px; display:none;}

.videoti{ float: right; width:270px;}
.videoti dl{ padding:12px 20px 11px; background:#3e3e3e; position:relative; cursor:pointer; color:#fff;}
.videoti dl dt{font-size:14px; line-height:22px; color:#fff;}
.videoti dl dd a{ color:#fff; opacity:.5;}

.videoti dl.curr span{ background:url(../image/newsjiao.png) no-repeat left 50%; position:absolute; left:-15px; top:50%; margin-top:-15px; width:15px; height:30px;}
.videoti dl.curr{ background:#5b9c2d; margin-top:-1px;}


.videoliti{ padding-bottom:5px; border-bottom:1px solid #8a8a8a; position:relative; margin-top:30px;}
.videoliti span{ background:#3e3e3e; width:130px; text-align:center; color:#fff; display:inline-block; font-weight:700; font-size:18px; line-height:46px; margin-right:10px;}
.videoliti a{ font-size:18px; display:inline-block; margin-left:20px; position:relative; bottom:0; vertical-align:bottom; line-height:22px;}
.videoliti a.vmore{ font-size:14px;}
.videoliti a.vmore i{ font-size:12px; margin-left:5px;}


.videoli{ margin-left:-12px;}
.videoli dl{ width:291px; background:#eeeeee; margin:12px 0 0 12px; float:left;}
.videoli dl dt{ overflow:hidden; background:#eeeeee; padding:12px; position:relative;}
.videoli dl dt span{ position:relative; overflow:hidden; background-position:50% 50%; background-repeat:no-repeat; padding-top:55%; width:100%; display:inline-block; background-size:cover;}

.videoli dl dt h6{ background: url(../image/tml.png); position:absolute; left:0; top:-100%; bottom:100%; right:0; text-align:center;}
.videoli dl dt h6 em{ position:absolute; top:50%; left:12px; right:12px;
    -webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);}
.videoli dl dt h6 em a{ display:block; border:1px solid #68b92e; font:500 14px/20px "\5fae\8f6f\96c5\9ed1",sans-serif; color:#fff; padding:10px 15px; position: relative;}
.videoli dl dt h6 a:hover{ background: url(../image/greentm.png);}

/* videoi */

.videoi{ background:#eeeeee; padding:20px; margin-top:60px;}

.videoiti{}
.videoiti dl{ padding-bottom:20px;}
.videoiti dl dt{}
.videoiti dl dt a{ display:inline-block; background:#3e3e3e; padding:0 20px; color:#fff; font-size:18px; line-height:40px;}
.videoiti dl dd{color:#555; font-size:18px; line-height:50px; border-bottom:1px solid #ccc;}

.videol{ width:860px; float:left;}
.videol dl{ padding:30px 0 10px;}
.videol dl dt{color:#555; font-size:16px; line-height:30px;}

.videor{ width:280px; float:right;}
.videorti{ display:none;}
.videor dl{ padding-bottom:10px;}
.videor dl dt{}
.videor dl dt a{ display:block; padding-top:55%; height:0; position:relative; background-position:50% 50%; background-repeat:no-repeat; background-size:cover;}
.videor dl dd{}
.videor dl dd a{ background:#fff; display:block; padding:8px 15px;}
.videor dl dd h3{ font-size:15px; line-height:20px;}
.videor dl dd p{ font-size:12px; line-height:20px;}


/* 产品综合页 */

.productti{ text-align:center; position:relative; margin-top:50px;}
.productti span{ font: 700 30px/40px "\5fae\8f6f\96c5\9ed1",sans-serif; color:#000; background:#fff; z-index:9; position:relative; border:1px solid #68b92e; padding:0 20px; display:inline-block;}
.productti span em{ background:#fff; height:2px; position:absolute; width:80%; left:10%; bottom:-1px;}
.productti h3{ height:1px; position:absolute; width:100%; top:21px; background:#333; z-index:8}
.productti h1{font: 500 16px/20px "\5fae\8f6f\96c5\9ed1",sans-serif; color:#888; margin-top:30px;}


.productzh{ margin-left:-40px; padding-bottom:60px;}
.productzh dl{ width:256px; height:256px; position:relative; border:1px solid #83888f; float:left; margin:50px 0 0 50px; overflow:hidden; background-image:url(../image/loading.gif); background-position:50% 50%; background-repeat:no-repeat; cursor:pointer;}

.productzh dl.ico ul{ background-position:left top; background-repeat:no-repeat; position:absolute; width:100%; left:0; top:0;}
.productzh dl.ico1 ul{height:25856px;}
.productzh dl.ico2 ul{height:23296px;}
.productzh dl.ico3 ul{height:26624px;}
.productzh dl.ico4 ul{height:10752px;}
.productzh dl.ico5 ul{height:25600px;}
.productzh dl.ico6 ul{height:25856px;}
.productzh dl.ico7 ul{height:20736px;}
.productzh dl.ico8 ul{height:16640px;}
.productzh dl.ico9 ul{height:13056px;}
.productzh dl.ico10 ul{height:28416px;}
.productzh dl.ico11 ul{height:23296px;}
.productzh dl.ico12 ul{height:28928px;}

.productzh dl h6{font: 500 20px/30px "\5fae\8f6f\96c5\9ed1",sans-serif; color:#68b92e; position:absolute; width:100%; text-align:center; left:0; bottom:10px;}
.productzh dl:hover h6{ color:#fff;}



/* 产品列表 */


.reveal-modal-bg { position: fixed; height: 100%; width: 100%; z-index: 100; display: none; top: 0; left: 0; background:rgba(0,0,0,.8) }
.reveal-modal .close-reveal-modal { font-size:18px; line-height:26px; width:26px; height:26px; position: absolute; top:0px; right:0px; color: #fff; cursor: pointer; text-align:center; background:#68b92e} 
.reveal-modal .close-reveal-modal i{ line-height:26px;}

.reveal-modal { visibility:hidden; top:80px; left: 50%; margin-left: -390px; width: 790px; position: absolute; z-index: 101; padding:20px; background-color:#FFF; height:542px; }
.protui{ width:790px; height:480px; overflow-X:hidden}
.protui img{ max-width:100%;}
.procolist{}

.pro-buy{ text-align:center; padding:25px 0 5px}
.pro-buy p{ display:inline-block; padding:0 10px;}
.pro-buy p a{ border:1px solid #ddd; font-size:14px; line-height:30px; color:#555; display:inline-block; padding:0 15px;}
.pro-buy p a:hover{ border:1px solid #fed100; background-color:#fed100; color:#333;}

.proli{ width:33.33%; float:left; display:block; position:relative;}
.proli dl{ margin:10px; padding:1px; background:#ddd; position:relative;}
.proli dl dt{ padding-top:100%; position:relative;}
.proli dl dt a{ position: absolute; left:0; top:0; right:0; bottom:0; z-index:3;}
.proli dl dt span{ background-position:50% 50%; background-repeat:no-repeat; background-size:cover; position:absolute; left:0; top:0; right:0; bottom:0; z-index:2}
.proli dl dd{ background:#fff; font-size:14px; line-height:1.6em; height:50px; color:#555; padding:15px 20px 60px; position:relative; z-index:8;}
.proli dl ul{ position: absolute; left:20px; right:20px; bottom:20px; z-index:10;}
.proli dl p{ position:absolute; z-index:11; width:51%; bottom:0px;}
.proli dl p.jd{ left:0px;}
.proli dl p.tm{ right:0px;}
.proli dl p a{ background:#fff; display:block; font-size:12px; line-height:32px; color:#555; text-align:center; border:1px solid #fdd100;}
.proli dl p a:hover{ background:#fdd100; color:#555;}
.prol dl em{position:absolute; left:0; top:0; right:0; bottom:0; border:0px solid #6fba2a; z-index:9; }


/* page */

.page{ padding:30px 10px 0; text-align:center;}
.page a{ display:inline-block; padding:0 13px; margin-left:1px; font-size:16px; line-height:36px; background:#fff;}
.page a:hover{ background:#6fba2a; color:#fff}
.page span{display:inline-block;background:#6fba2a; font-size:16px; line-height:36px; color:#fff; padding:0 13px; margin-left:1px;}