@charset "utf-8";
/***** CSS Document 
多素材
www.duosucai.com
*/
body { padding: 0; margin: 0; text-align: center; color: #666; font: normal 12px/1.8 \5b8b\4f53, Simsun, Arial, serif; background-color: #fff; }
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, li, input { padding: 0; margin: 0; }
ul, li { list-style: none; }
i, em { font-style: normal; }
img { border: none; -ms-interpolation-mode: bicubic; }
a { color: #333; text-decoration: none; }
a:hover { color: #cc0f0e; text-decoration: none; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block; zoom: 1; }
.wrapper { width: 1180px; margin: 0 auto; text-align: left; }
/*base*/
.hid{ overflow:hidden}
.fl, .left { float: left; }
.fr, .right { float: right; }
.pr, .p_r { position: relative; }
.pa, .p_a { position: absolute; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.ml10 { margin-left: 10px; }
.ml40 { margin-left: 40px; }
.pdt0 { padding-top: 0; }
.pdt5 { padding-top: 5px; }
.pdt10 { padding-top: 10px; }
.pdt15 { padding-top: 15px; }
.pdt20 { padding-top: 20px; }
.pdt30 { padding-top: 30px; }
.pt48 { padding-top: 48px; }
.pdr10 { padding-right: 10px; }
.pdr15 { padding-right: 15px; }
.pdr20 { padding-right: 20px; }
.pdb10 { padding-bottom: 10px; }
.pdb15 { padding-bottom: 15px; }
.pdb20 { padding-bottom: 20px; }
.pdb30 { padding-bottom: 30px; }
.pdl10 { padding-left: 10px; }
.w_792{ width:792px;}
.w_350{ width:380px;}
.w_3502{ width:350px;}
.w_402{ width:402px;}
.w_351{ width:351px;}
.box_title{ height:27px; overflow:hidden;  line-height:27px; background-repeat:no-repeat; padding-left:5px; color:#72a127; font-size:20px;  border-left: #72a127 3px solid;}
.box_title a{ float:right; font-size:12px; color:#727272; font-weight:normal;}
.bort{ border-top:#e5e5e5 1px dotted;}
.title{ height:53px; border-bottom:#e4e4e4 1px solid;}
.title a{ float:right; font-size:12px; line-height:53px; color:#727272; display:block; background:url(../images/icon.png) no-repeat right -373px; padding-right:20px;}
.title h3{ float:left; display:block; font:26px/53px "Microsoft YaHei"; color:#333333; border-bottom:#72a127 3px solid; position:relative; margin-bottom:-1px; height:51px;}
.ease{-webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.title_1{ border:none;}
.title_1 h3{ border:none;}

/***g2***/
.g2{ height:90px; overflow:hidden;}
.g2 img{ width:100%;}



/***crumb***/
.crumb{ }
.search{ height:38px;}
.search_drop .dropon { position: relative; z-index: 11; display: block; width: 70px; height: 36px; background: url(../images/sprite03.png) no-repeat 51px -269px; cursor: pointer; text-align: left; text-indent: 16px; color: #5ab770; border:#679e37 1px solid; border-right:none; line-height:36px; font-family:"Microsoft YaHei"; font-size:14px; color:#679e37;}
.search_title { position: absolute; top: 37px; left: 0px; z-index: 10; width: 67px; border: 1px solid #679e37; border-top: none; background-color: #fff; z-index:15; display:none; }
.search_title li { float: left; width: 100%; height: 30px; line-height: 30px; cursor: pointer; text-align: left; text-indent: 16px; }
.search_title li:hover { background: #f2f2f2; color: #5ab770; }
.search_title li.on {  }
.search .st_box{width: 310px; height: 36px;padding:0; overflow: hidden;  border: 1px solid #679e37; background: #fff; line-height: 36px; color: #bcbcbc; }
.search .st_btn,.search .st_baidu { width: 55px; height: 38px; overflow: hidden; border: none; background: #71a127; cursor: pointer; text-align:center; font: 14px/38px 'Microsoft YaHei'; color: #fff; }
.search .st_baidu{margin-left:2px;}
.search .st_baidu:hover{color:#fff;}
.logo{ display:block; width:152px; height:70px; background:url(../images/logo.png) no-repeat left top; overflow:hidden; text-indent:-9999px;}
.text{padding:0px 5px 0px 0px;}
.text a{ font-size:12px; color:#797979; line-height:80px; 
border: 1px solid #679e37;
padding: 5px;}

/***nav***/
.nav{ height:50px; }
.nav ul{ float:left; height:100%;}
.nav:before,.nav:after{ content:""; border:25px solid #72a127; float:left;}
.nav:before{ border-left-color:transparent;}
.nav:after{ border-right-color:transparent;}
.nav li{ float:left; height:50px; width:90px; text-align:center; position:relative; z-index:0; }
.nav li a.on{ margin-top:-10px; background:#5c8c0f;}
.nav li a:hover{ margin-top:-10px; background:#5c8c0f;}
.nav li a{ display:block; color:#FFF; font:18px/50px "Microsoft YaHei"; z-index:1; height:100%; background-color:#72a127;-webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.nav li:before{content:"";position:absolute;bottom:0;left:0;border-right:10px solid #283b0b;border-bottom:10px solid #72a127; z-index:-1;}
.nav li em{position:absolute;bottom:0;right:0;border-left:10px solid #283b0b;border-bottom:10px solid #72a127; z-index:-1; display: block;}


.tjMobile dl{ float:left; width:20%; height:104px;}
.tjMobile dl dt{ float:left; width:54px; height:100%; margin-right:7px;}
.tjMobile dl dt img{  height:104px; margin-left:-25px;}
.tjMobile dl dd{ /*float:left;*/}
.tjMobile dl dd strong{ display:block; font:16px/34px "Microsoft YaHei"; margin-top:5px;}
.tjMobile dl dd span{ display:block; font:14px/30px "Microsoft YaHei"; color:#727272; background-image:url(../images/icon.png); padding-left:25px; background-repeat:no-repeat;}
.tjMobile dl dd span.price{ background-position:-322px -201px;}
.tjMobile dl dd span.set{ background-position:-322px -234px;}



/*****main*****/
.slider{ height:426px;}
.scroll{ height:343px; overflow:hidden;}
.scroll span{ display:block; width:42px; height:72px; top:50%;z-index:3; margin-top:-36px; background-image:url(../images/icon.png); background-repeat:no-repeat; cursor:pointer; overflow:hidden; z-index:1000}
.scroll span.leftBtn{ background-position:-197px -393px; left:0;}
.scroll span.rightBtn{ background-position:-280px -393px; right:0;}
.scroll ul{ height:100%;}
.scroll li{ width:100%; height:100%; opacity:0; position:absolute;z-index:1;-webkit-transition: all 0.7s linear; transition: all 0.7s linear; }
.scroll li.current{ opacity:1;z-index:2;}
.scroll li img{ width:100%; height:100%; transform: scale(2.0,2.0); -webkit-transition: all 0.7s linear; transition: all 0.7s linear;}
.scroll li.current img{ transform:scale(1.0,1.0);}
.info{ height:83px; width:100%; background-color:#e0e0e0; overflow:hidden;}
.info span{ display:block; width:67px; height:100%; background-color:#bdbdbd; color:#727272; font-size:20px; text-align:center;}
.info span em{ color:#333333; font-size:40px; font-style:italic;}
.info p{ margin-left:20px; font:14px/14px "Microsoft YaHei"; color:#727272;}
.info p strong{ display:block; font:24px/44px "Microsoft YaHei"; color:#333; margin-top:5px;}


.pp{ width: 378px;
border: #e0e0e0 1px solid;}
.pp a{ width:84px; height:81px; display:block; text-align:center; float:left; margin-right:5px; margin-bottom:5px; color:#FFF; font:20px/81px "Microsoft YaHei"; background:#7f7f7f url(../images/sprite03.png) no-repeat 45px -526px;-webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
.pp a.a{ line-height:20px; font-size:16px; position:relative;}
.pp a.a em{ display:block; width:50%; margin:20px auto;-webkit-animation:rotate 1.5s linear alternate infinite; animation:rotate 1.5s linear alternate infinite;}
/*.pp a em.s{ display:block; width:3px; height:27px; position:absolute; background-color:#FFF; left:50%; top:50%; margin:-14px 0 0 -1px;}*/
.pp a.cor_1{ background-color:#333333;}
.pp a.cor_2{ background-color:#ffad3b;}
.pp a.cor_3{ background-color:#16aaff;}
.pp a.cor_4{ background-color:#ff7672;}
.pp a.cor_5{ background-color:#ff7e00;}
.pp a.cor_6{ background-color:#72a127;}
.pp a.cor_7{ background-color:#13cfae;}
.pp a:hover { background-position: 38px -537px;}
.pp a.a:hover{ background-image:none;}
/*.pp a:hover em{ -webkit-animation:rotate 1s ease both;-moz-animation:rotate 1s ease both;animation:rotate 1s ease both;}*/
@-webkit-keyframes rotate {
  from { transform: scale(0.8,0.8);}
  50% { transform: scale(1.0,1.0);}
  100% {transform: scale(1.2,1.2); }
}

@keyframes rotate {
  from { transform: scale(0.8,0.8);}
  50% { transform: scale(1.0,1.0);}
  100% {transform: scale(1.2,1.2); }
}
.sort{ border:#e0e0e0 1px solid; padding:15px;}
.sort p b,.sort p span{ display:block; float:left;}
.sort p b{ color:#333; font-size:14px; background:url(../images/icon.png) no-repeat; padding-left:23px; line-height:24px;}
.sort p b.ppai{ background-position:-322px -51px;}
.sort p b.pri{ background-position:-322px -81px;}
.sort p b.ts{ background-position:-322px -111px;}
.sort p b.xt{ background-position:-322px -141px;}
.sort p b.nh{ background-position:-322px -171px;}
.sort p span{ margin-left:15px; border-left:#e0e0e0 1px solid; width:249px; line-height:24px;}
.sort p span a{ color:#333; font-size:12px; margin-left:10px;}


.last_news{ background-position:-322px -308px;}
.zt{ background-position:-322px -346px;}
.tl_title{background-position:-322px -267px;}
.last_news_con{ border-bottom:#e7e7e7 1px dotted; padding-bottom:5px;}
.last_news_con strong a{ font:20px/60px "Microsoft YaHei"; color:#333333;}
.last_news_con strong{ height:60px; display:block; overflow:hidden;}
.last_news_con li{ height:40px; overflow:hidden;}
.last_news_con li span{ margin-right:10px; display:block; float:left; height:20px;}
.last_news_con li a{ font:16px/40px \5b8b\4f53, Simsun, Arial, serif; color:#555555;}
.last_news_con li span a{ background-color:#e8e7e7; line-height:20px; padding:0 7px; color:#999999; font-size:12px; display:block; margin-top:9px;}
.last_news_con li a:hover{ color:#cc0f0e;}
.last_news_con li span a:hover{ background-color:#414141; color:#FFF;}
.ztImg{ display:block; width:100%; height:152px; overflow:hidden;}
.ztImg img{ width:100%;}
.ztList{ padding:10px 0 7px; border-bottom:#e7e7e7 1px dotted;}
.ztList dt a{ font:20px/30px "Microsoft YaHei"; color:#333333;}
.ztList dt{ height:30px; overflow:hidden;}
.ztList dd{ font-size:12px; line-height:22px; margin-top:5px;}
.tlList{ padding:10px 0 10px 3px; border-bottom:#e7e7e7 1px dotted;}
.tlList strong{ display:block; font:20px/20px "Microsoft YaHei"; color:#333333; margin-bottom:5px; height:20px; overflow:hidden;}
.tlList .tlImg{ display:block; width:110px; height:83px; margin-left:10px; margin-top:8px;}
.tlList .tlImg img{width:110px; height:83px;}
.tlList span{ display:block; font-size:12px; line-height:22px; height:66px; overflow:hidden;}
.tlList:hover{ background-color:#dedede}
.tlList:hover strong a{ color:#cc0f0e;}

.new{ height:299px;}
.new ul{ width:1200px; display:none;}
.new ul.on{ display:block }
.new li{ width:225px; height:226px; float:left; margin-right:13px; overflow:hidden;}
.new li img{ display:block; width:225px; height:168px;}
.new li p{ display:block; height:58px; background-color:#404040; color:#f5f4f4; padding-left:15px; overflow:hidden; font-size:14px; padding-top:7px; line-height:22px; font-family:"Microsoft YaHei";}
.new li p span{ display:block; width:39px; height:100%; text-align:center; line-height:22px; color:#679e37; font-size:14px; background-color:#303030; padding:6px 10px 0; margin-top:-7px;}
.new li a:hover p{ background-color:#72a127;}
.new li a:hover span{ background-color:#55791d; color:#FFF;}
.bigImg{ display:block; width:400px; height:301px; overflow:hidden; position:relative;}
.bigImg img{ width:400px; height:301px;}
.bigImg span{ display:block; position:absolute; left:0; bottom:0; width:100%; height:48px; background:linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0); text-align:center; color:#fff; font:20px/48px "Microsoft YaHei";}
.bigImg:hover span{background:#72a127;}
.pingce .last_news_con{ margin-top:-20px; border:none;}
.pingce .last_news_con strong{ height:50px;}
.pingceList{ width:808px;}
.pingceList li{ width:187px; height:141px; float:left; margin-right:15px; position:relative;}
.pingceList li img{width:187px; height:141px;}
.pingceList li span{ position:absolute; height:33px; width:100%; left:0; bottom:0; text-align:center; font:15px/33px "Microsoft YaHei"; color:#FFF; background:linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.8) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);}
.pingceList li a:hover span{ background:#72a127; }
.defec .tlList{ padding:15px 0 12px 3px;}

.bigimg{ width:393px; height:295px; overflow:hidden; }
.bigimg img{ width:393px; height:295px;-webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.vedio{ width:399px;}
.vedio_1{ width:798px;}
.vedio li{ width:193px; height:144px; float:left; margin-left:6px; overflow:hidden; margin-bottom:6px;}
.vedio img{ width:193px; height:144px;-webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.vedio li a:hover img,.bigimg:hover img{-webkit-transform: scale(1.2,1.2); transform: scale(1.2,1.2);}
.blocks { display: block; position: relative; z-index: 100; overflow: hidden; }
.blocks .link_layer { position: absolute; top: 100%; left: 0; display: block; width: 100%; height: 100%; overflow: hidden; background: url(../images/blocks.png) repeat-x 0 bottom; z-index: 200; }
.blocks .link_layer b { position: absolute; left: 0; bottom: 0; display: block; padding: 10px; font: normal 18px/20px "Microsoft YaHei"; cursor: pointer; color: #fff; }
.blocks:hover .link_layer{ top:0;}


.newsRank{ padding-bottom:10px; border-bottom:#333 1px dotted;}
.newsRank li{ height:34px;}
.newsRank li a{ font-size:14px; line-height:34px; color:#555555; display:block; float:left; height:34px; overflow:hidden; width:85%; }
.newsRank li span{ display:block; float:left; width:28px; height:16px; background-color:#e0e0e0; color:#222; text-align:center; line-height:16px; margin-right:16px; font-size:14px; margin-top:10px; overflow:hidden;}
.newsRank li a:hover{ color:#cc0f0e}
.newsRank li.sty_0{ height:67px; border-bottom:#333 1px dotted; margin-left:7px;}
.newsRank li.sty_0 span{ width:36px; height:44px; background-image:url(../images/icon.png); text-indent:-999px; margin-top:23px; position:relative; margin-left:-7px; margin-right:8px;}
.newsRank li.sty_0 span.s_1{ background-position:-197px -206px;}
.newsRank li.sty_0 span.s_2{ background-position:-197px -271px;}
.newsRank li.sty_0 span.s_3{ background-position:-197px -336px;}
.newsRank li.sty_0 a{ height:67px; font:20px/67px "Microsoft YaHei"; overflow:hidden;}


.mobileRank{ height:520px; overflow:hidden;}
.mobileRank li{ height:85px; border-bottom:#000000 1px dotted; background-image:url(../images/aa_49.jpg); background-repeat:no-repeat; overflow:hidden;}
.mobileRank li.m_2{ background-position:0 -89px;}
.mobileRank li.m_3{ background-position:0 -178px;}
.mobileRank li.m_4{ background-position:0 -267px;}
.mobileRank li.m_5{ background-position:0 -354px;}
.mobileRank li.m_6{ background-position:0 -442px;}
.mobileRank li a{ display:block; position:relative; height:100%; font:20px/75px "Microsoft YaHei"; color:#333333; padding-left:43px;}
.mobileRank li a:hover{ color:#cc0f0e;}
.mobileRank li a img{ display:block; position:absolute; height:71px; right:0; top:50%; margin-top:-35px;}
.mobileRank li a p{ font-size:12px; line-height:12px; color:#727272; margin-top:-20px;}
.mobileRank li a em{ color:#ff4e22; margin-left:7px;}
.filter{ width:197px; height:508px; background:url(../images/m_bg.png) no-repeat left top; padding-top:33px; position:relative; z-index:200; }
.an_show{ position:absolute; width:1px; height:1px; background:url(../images/mobile.png) no-repeat left top; overflow:hidden; top:0; left:0;-webkit-transition: all 0.7s ease-in; transition: all 0.7s ease-in;}
.an_go{ -webkit-animation:revolve 1.5s linear 1.5s both; animation:revolve 1.5s linear 1.5s both;}
@-webkit-keyframes revolve {
  from {transform: rotate(0deg); width:0px; height:0px; left:0; top:0;}
  80% {transform: rotate(1440deg);width:103px; height:247px; top:251px; left:50px; }
  90%{transform: rotate(1440deg);width:103px; height:247px; top:251px; left:50px; transform: scaleY(1.5);}
  100%{transform: rotate(1440deg);width:103px; height:247px; top:251px; left:50px; transform: scaleY(1.0);}
}

@keyframes revolve {
  from {transform: rotate(0deg); width:0px; height:0px; left:0; top:0;}
  80% {transform: rotate(1440deg);width:103px; height:247px; top:251px; left:50px; }
  90%{transform: rotate(1440deg);width:103px; height:247px; top:251px; left:50px; transform: scaleY(1.5);}
  100%{transform: rotate(1440deg);width:103px; height:247px; top:251px; left:50px; transform: scaleY(1.0);}
}
.filter span{ width:143px; height:33px; float:right; color:#FFF; margin-bottom:1px; background-image:url(../images/icon.png); background-repeat:no-repeat; font:14px/33px "Microsoft YaHei"; text-indent:25px; cursor:pointer; position:relative; z-index:100; }
.filter span.f_1{ background-position:0 -541px}
.filter span.f_2{ background-position:0 -574px}
.filter span.f_3{ background-position:0 -607px}
.filter span.f_4{ background-position:-200px -607px}
.filter span.on{ width:199px; margin-right:-15px;}
.f_table{ border-collapse:collapse; position:absolute; z-index:50; opacity:0; filter:alpha(opacity=0);-webkit-transition: all 0.7s linear; transition: all 0.7s linear; right:0; top:0; z-index:10;}
table.on{opacity:1;filter:alpha(opacity=100); z-index:100;}
.f_table td{ width:196px; height:269px; border:#dddddd 1px solid; text-align:center;}
.f_table td img{ height:129px;}
.f_table td strong{ display:block; margin:10px 25px 0; color:#555;}
.f_table td em{ color:#ff3300; font-size:14px;}
.f_table td:hover{ -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5); box-shadow: 0px 0px 5px rgba(0,0,0,0.5);}



/*友链*/
.link_tit { height: 50px; border-top: 3px solid #393d49; border-bottom: 1px solid #d1d1d1; background: #f8f8f8; line-height: 50px; text-indent: 20px; color: #252525; }
.link_tit .more { padding: 0 20px; background: url(../images/sprite.gif) no-repeat -285px -146px; }
.link_tit h3 { font-weight: normal; font-size: 20px; font-family: Microsoft YaHei; }
.link_con { }
.link_list { }
.link_list strong { float: left; width: 105px; height: 50px; font: normal 16px/50px Microsoft YaHei; text-align: center; color: #252525; }
.link_div { float: left; width: 980px; padding: 10px 0 10px 15px;  line-height: 30px; }
.link_div li { margin-right: 8px; word-break: break-all; display:inline }
.partner_con { width: 960px; overflow: hidden; }
.partner_con li { float: left; width: 120px; height: 30px; overflow: hidden; font-size: 12px; line-height: 30px; }
.link_arrow { float: right; height: 22px; width: 54px; margin: 10px 15px 5px; }
.link_arrow a { display: block; _display: inline; float: left; width: 20px; height: 20px; background: url(../images/sprite.gif) -72px -234px; text-indent: -9999px; overflow: hidden; }
.link_arrow a.link_right { margin: 0 6px 0 0; }
.link_arrow a.link_left { background-position: -93px -234px; }
.link_arrow a.disable { }
.disable { color: #999; }
/*******footnav******/
.footnav { border-top: #ddd 1px solid; background-color: #f2f2f2; }
.footnav h3 { right: 0; top: -31px; z-index: 200; width: 82px; height: 30px; border: #ddd 1px solid; border-bottom: none; background: #f2f2f2 url(../images/0_sprite.gif) no-repeat -72px -110px; font-weight: normal; line-height: 30px; text-indent: 10px; color: #666; }
.footnav_con { margin: 0 -20px 10px 0; padding: 20px 0 30px; background: url(../images/borderbottom.jpg) no-repeat 50% bottom; }
.footnav_con li { float: left; width: 148px; height: 88px; overflow: hidden; margin: 15px 20px 0 0; border: 1px solid #e4e4e4; background-color: #f9f9f9; }
.footnav_con li:hover { background-color: #fff; }
.footnav_con li a { color: #666; white-space: nowrap; }
.footnav_con li a:hover { color: #68a82e; }
.footnav_con li dl { float: left; padding: 10px 15px; }
.footnav_con li dt { padding: 0 0 0px; }
.footnav_con li dt a { font-weight: bold; font-size: 14px; }
.footnav_con li dd { margin-right: -7px; }
.footnav_con li dd a { float: left; margin: 0 7px 0 0; }
.footnav_con li a.logo { display: block; width: 100%; height: 100%; text-indent: -999px; overflow: hidden; background: url(../images/0_sprite.gif) no-repeat 0 -326px; }
.footnav_con li a.logo:hover { background: url(../images/0_sprite.gif) no-repeat 0 -414px; }