@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0; text-decoration:none; list-style:none; border:none; outline:none}
body{ background:#eeeeee; width:100%; font-family:"微软雅黑"; font-size:14px;}
a:hover{ color:#ff5a5f;}
.clear{ clear:both}
.wrap{ width:1200px; margin:0 auto;}
header{ width:100%; background:#fff; height:70px; line-height:70px; box-shadow:0 2px 4px #ccc;}
.logo,nav{ float:left}
.logo { margin-right:20px}
.logo img{ height:50px; width:auto; margin-top:10px; float:left}
nav ul li{ float:left; display:block; margin-left:15px; height:70px; line-height:70px; position:relative; font-size:16px; color:#222}
.h20{ width:100%; height:20px}
nav ul li a{color:#222}
.logoIn{ display:inline-block; margin:0px 0 0 10px;}
.logoIn a{ color:#222;}
.logoIn .denglu{ background:#ff5a5f; color:#fff; padding:6px 12px; font-size:12px}
.logoIn .zhuce{ background:#f1a466; color:#fff; padding:6px 12px; font-size:12px}
.table{ display:table}
.lia{ font-size:16px; color:#222}
nav ul em{ width:10px; display:inline-block}
nav ul li dl{ width:160px; border-top:2px solid #ff5a5f; height:auto;padding:12px; border-radius:0 0 8px 8px; position:absolute; left:0; background:rgba(255,255,255,0.8); display:none;top:70px; z-index:10}
nav ul li dl dd{ display:block; width:100%; line-height:30px;}
nav ul li dl dd a{ color:#222; font-size:12px}
.serch{ float:right;}
.serchBox{ position:relative; display:inline-block; float:left; margin:15px 0 0 0}
.sin{ width:140px; height:34px; line-height:34px; background:#fff; border-bottom:1px solid #ccc; text-indent:10px;transition:all 0.5s}
.an{ background:url(/style/images/searchtxt.png) no-repeat; width:34px; height:34px; background-size:28px auto; display:inline-block; position:absolute; top:4px; right:0px}
.serchBox:hover .sin{ width:200px;}
.block{ display:block !important}
.indexleft ul{ width:200px; height:300px; background:#fff; float:left}
.listOneDLbox dl{ width:660px; background:#fff; height:300px; display:none; text-align:center}
.indexleft{ width:860px; position:relative; height:300px; float:left; } 
.listOneDLbox { position:absolute; left:201px; width:660px;z-index:20}
.bannerImg{ float:right; width:640px}
.bannerImg img{ width:100%; height:300px}
.listOneUL h3{ width:100%; height:50px; background:#ff5a5f; color:#fff;  line-height:50px;}
.listOneUL h3 img { width:24px; height:24px; float:left; margin:13px 10px 0 20px}
.listOneUL li{ display:block; height:50px; margin:10px auto; border-bottom:1px solid #ccc; width:170px; padding:8px 0}

.listOneUL li img{ float:left; border-radius:100%; width:40px; height:auto; transition:all 0.5s}
.listOneUL li:hover img{ transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1);-webkit-transform:scale(1.1);}
.listOneUL li div{ float:left; font-size:14px; margin-left:10px}
.listOneUL li div p{ font-size:12px; color:#777; margin-top:5px}
.indexRight{ float:right; width:320px}
.listOneDLbox dl{ text-align:left; }
.listOneDLbox dl dd{ width:30%; height:300px; display:inline-block; margin:10px 0px 0 15px; text-align:left} 
.listOneDLbox dl dd img{ width:100%; height:120px;}
.listOneDLbox dl dd h3{ font-size:14px; margin:10px 0;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  } 
.listOneDLbox dl dd p{ color:#777; font-size:12px;}
.listOneDLbox dl dd a{ display:block; width:80px; background:#ff5a5f; font-size:12px; color:#fff; padding:4px; text-align:center; height:20px; line-height:20px; margin:20px 0 0 0; border-radius:3px}
/*banner*/
#slider{width:640px;height:300px;position:relative;}
.slider_list li{position:absolute;display:none; width:640px; height:300px}
.slider_list li img{ width:100%; height:300px}
.slider_list li:first-child{display:block;}
.slider_icon{position:absolute;z-index:1;left:40%;bottom:20px;font-size:0;padding:4px 8px;border-radius:12px;background-color:hsla(0,0%,100%,.3);}
.slider_icon i{display:inline-block;width:12px;height:12px;border-radius:50%;margin:0 5px;}
.btn{background:#fff;}
.arrow{display:none;width:30px;height:60px;background-color:rgba(0,0,0,.2);position:absolute;top:50%;margin-top:-30px;}
.prve{left:0;}
.next{right:0;}
.arrow span{display:block;width:10px;height:10px;border-bottom:2px solid #fff;border-left:2px solid #fff;}
.slider_left{margin:25px 0 0 10px;transform:rotate(45deg);}
.slider_right{margin:25px 0 0 5px;transform:rotate(-135deg);}
.arrow:hover{background:#444;}
#slider:hover .arrow{display:block;}
.btn_act{background:#db192a;}
.part2{ width:820px; height:auto; background:#fff; padding:20px; margin:20px auto 0}
.part2 ul{ border-bottom:1px solid #ccc; height:40px; width:100%; display:block; margin-bottom:20px}

.actli{ color:#ff5a5f !important; border-bottom:2px solid; line-height:38px;}
.part2 ul li{ line-height:40px; width:auto; text-align:center; margin-right:20px; display:inline-block; color:#222; font-size:16px;}

.part2 dl{ display:none;}
.part2 dd{ width:100%; display:table; margin:10px 0 0 0; height:180px;}
.part2 dd .aleft{ display: block; width:290px; height:170px; float:left; position:relative; overflow:hidden; }
.part2 dd .aleft img:hover{ opacity:0.85}
.part2 dd .aleft img { height:170px; width:100%;}
.part2 dd .aleft span{ position:absolute; left:10px; top:10px; padding:6px 10px; background:rgba(0,0,0,0.8); color:#fff; font-size:12px; z-index:10}
.part2 dd .aright{ float:right; width:500px; height:auto;}
.part2 dd .aright h3 a{ font-size:18px; font-weight:bold; color:#222}
.part2 dd .aright h3 a:hover{ color:#ff5a5f}
.part2 dd .aright p{ margin:20px 0; width:100%; font-size:12px; color:#777; height:60px; line-height:20px}
.part2 dd .aright .other{ width:100%; line-height:36px}
.part2 dd .aright .other span{ line-height:36px; color:#777; font-size:12px; margin-right:20px;}
.part2 dd .aright .other .s1 img{ width:36px; height:36px; border-radius:100%; margin-right:10px; float:left}

.askBox,.tuijian,.ad,.fansWord{ padding:20px 10px; width:300px; margin:0 auto 20px; height:auto; background:#fff}
.askBox dd{ display:table; width:100%; height:80px; margin:10px auto 0; }
.askBox .toux{ float:left;} 
.askBox .toux img{ width:40px; height:40px; border-radius:100%}
.R{ float:left; margin-left:10px; width:245px}
.R p{ margin-top:10px; color:#bbb; font-size:12px}
.R b{ width:100%; display:block; border-bottom:1px dashed #ccc; margin-bottom:10px; padding:0 0 10px 0}
.R .tlink{ width:100%; display:block;}
.R .tlink a{ color:#222; font-size:12px}
.R .tlink a:hover{ color:#ff5a5f}
.askBox h3,.tuijian h3,.ad h3,.fansWord h3{ width:100%; border-bottom:1px solid #ccc; color:#777;padding:0 0 10px 0}
.tuijian li{ width:100%; display:block; margin:15px auto 0;text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
.tuijian li:hover a{ color:#ff5a5f}
.tuijian li span{ width:22px; height:22px; background:#ff5a5f; border-radius:100%; color:#fff; display:inline-block; line-height:22px; text-align:center; margin-right:8px; font-size:12px}
.tuijian li a{ color:#222; font-size:14px; width:100%; }
.ad img{ width:100%; height:auto; margin:15px auto 0}
.tuijian .T{ position:relative; height:180px; overflow:hidden; margin:15px auto 0}
.tuijian .T img{ width:100%; height:180px; transition:all 0.5s}
.tuijian .T img:hover{transform:scale(1.1); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2);}
.tuijian .T p{ width:94%; padding:6px 3%; background:rgba(0,0,0,0.7); color:#fff; font-size:12px; position:absolute; bottom:0;text-overflow:ellipsis; overflow:hidden; white-space:nowrap; text-align:center}

.userinfo{ position:relative;}
.mylink{ position:absolute; width:116px; height:auto; padding:10px; background:rgba(255,255,255,0.8); color:#222; display:none; box-shadow:#ccc 0 2px 4px; z-index:30} 
.welcome{ width:136px; background:#eee; color:#222; text-align:center;  border-radius:4px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.mylink li{ display:block; width:100%; height:30px; line-height:30px; font-size:12px;}
.mylink li a{ color:#777}
.mylink li a:hover{ color:#ff5a5f}
.welcome
.welcome span{text-overflow:ellipsis; white-space:nowrap; width:136px; display:block;}

.fansWord li{ width:100%; display:block; height:140px; margin:15px auto 0; border-bottom:1px dashed #ccc;}

.fansWord li .shu{ float:left; width:40px; height:40px; border-radius:100%; line-height:40px; text-align:center; background:#78C6AF; color:#fff; font-size:20px; font-family:"STLiti"; text-indent:-5px; font-weight:bold}
.K{float:left; margin-left:10px; width:245px}
.K b a{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#222; width:100%; display:block}
.K:hover b a{ color:#ff5a5f}
.K .word{ padding:10px; font-size:12px; background:#eee; color:#666; margin:10px auto}
.K:hover .word{padding:9px; border:1px solid #eee; background:#fff; color:#999}

.ktime{margin-top:10px; color:#bbb; font-size:12px}

.cccc,.ccct{ display:none}

.wrap2{ width:1160px; margin:20px auto 0; padding:20px; background:#fff}
.wrap2 h3{ font-weight:normal; font-size:16px; color:#222; width:100%; display:block; padding:0 0 15px 0; border-bottom:#ccc 1px solid; margin-bottom:15px}
.wrap2 h3 span{ font-size:14px; color:#999; margin-left:20px}
.wrap2 .gj1,.wrap2 .gj2,.wrap2 .gj3{ float:left}
.wrap2 .gj1 img:hover,.wrap2 .gj2 img:hover,.wrap2 .gj3 img:hover{ opacity:0.85;}
.wrap2 .gj1,.wrap2 .gj3{ width:320px; height:320px}
.wrap2 .gj1 img{ width:100%; height:320px;}
.wrap2 .gj2{ width:480px; margin:0 20px; height:320px}
.wrap2 .gj2 img{ width:100%}
.wrap2 .gj3 img{ width:100%; height:160px}
.gj2 p img { height:160px}
.gj2 ul{ margin:10px 0 0 0; text-align:center}
.gj2 ul li{ width:30%; display:inline-block; box-shadow:0 2px 4px #ccc; height:142px}
.gj2 ul li img{ height:80px}
.li22{ margin:0 4%}
.gj2 ul li p{ font-size:14px; color:#222; margin:5px 0 0 0; height:22px}
.gj2 ul li span{ color:#ccc; font-size:12px}
.wrap2 .gj3 ul{margin:10px 0 0 0; width:298px; border:1px solid #eee;padding:5px 10px; height:132px}
.wrap2 .gj3 ul li{ line-height:26px; height:26px;}
.wrap2 .gj3 ul li a{ font-size:12px; color:#222; transition:all 0.5s}
.wrap2 .gj3 ul li a:hover{ color:#ff5a5f; padding-left:10px; border-left:2px solid} 
.hezuo,.ylink{ width:1160px; padding:20px; margin:20px auto; background:#fff; }
.hezuo h3,.ylink h3{ font-weight:normal; font-size:16px; color:#222; width:100%; display:block; padding:0 0 15px 0; border-bottom:#ccc 1px solid; margin-bottom:15px}
.hezuo h3 span,.ylink h3 span{ font-size:14px; color:#999; margin-left:20px}
.hezuo li{ width:130px; margin:5px ; display:inline-block}
.hezuo li img{ width:100%; height:50px;}
.hezuo ul{ text-align:center}

.ylink li{ display:inline-block; margin-right:10px}
.ylink li a{ font-size:12px; color:#777;}

/*列表页样式开始*/
.listbanner{ text-align:center; position:relative}
.listbanner .lb { width:100%; margin:0px auto; height:400px}
.biao{ position:absolute; top:34%; width:100%; text-align:center}
.biao img{ height:140px; width:auto}
.listMain ul{ width:100%; height:auto; }
.infop { position:absolute; top:-40px; width:84%; z-index:40; background:#fff; padding:15px 3%; box-shadow:#ccc 0 2px 4px; left:5%; border-radius:4px}
.listMain li{ display:inline-block; width:23%; margin:10px 10px; background:#fff; border:1px solid #eee; height:380px}
.listMain li .s1{ width:100%; display:block; height:180px; overflow:hidden;}
.listMain li .s1 img{ width:100%; height:200px;}
.listMain .info{ width:100%; position:relative}
.listMain .info h3 a{ font-size:14px; height:45px; color:#222; line-height:18px; display:block}
.listMain .info .data{ display:block; width:100%; margin:10px auto; color:#ccc; font-size:12px}

.listMain .info p{ color:#666; font-size:12px; line-height:20px; height:60px;}
.looka{ width:100%; text-align:center;}
.looka a{ display:block; width:80px; height:30px; line-height:30px; text-align:center; font-size:12px; background:#ff5a5f; color:#fff}
.yj { width:100%; line-height:32px; color:#666}
.yj img{ float:left; width:32px; height:32px; border-radius:100%; margin-right:10px}

.listMain li:hover{ box-shadow:#ccc 0 2px 4px;}
.listMain li:hover .infop{ box-shadow:none}

.pagemain{ width:100%; overflow:hidden; padding:10px 0; text-align:center; margin:20px auto}
.pagemain li {padding:3px 6px;margin:3px 4px;color:#fff;background:#eee;text-decoration:none; font-size:12px; border-radius:10px; color:#222; display:inline-block}
.pagemain li a{color:#222;}
.pagemain li.thisclass{padding:4px 7px;color:#6d643c;background:#ff5a5f; border-radius:10px;font-size:12px; margin:2px 2px 0 2px; color:#fff}
.pagemain li.disabled{display:none;}
.pagemain li:hover{ background:#ff5a5f; color:#fff}
.pagemain li:hover a{ color:#fff}
.listTJ ul{ text-align: center}
.listTJ li{ width:32%; display:inline-block; margin:5px 3px}

.listTJ li img{ width:100%; height:130px}

.listTJ{  height:100px; background:#f4f4f4; margin-bottom:20px}
.listTJ li{ display:inline-block; width:22%; text-align:left; margin:20px 20px 0 0}
.listTJ li span{ float: left; width:20%;}
.listTJ li span img{ width:45px; height:auto}
.listTJ li .fr{ float:right; width:79%;}
.listTJ li .fr h3{ font-size:14px}
.listTJ li .fr p{ font-size:12px; margin-top:8px; color:#777}
.arc{ margin-bottom:20px }
.arcLeft{ float:left; width:820px; padding:20px; background:#fff}
.jianjie {padding-bottom:10px; border-bottom:1px dashed #ccc;}
.jianjie .as1{ display:inline-block; width:80px; margin-right:10px; float:left}
.jianjie .as1 img{ height:45px; height:auto}
.jianjie .as2{ display:inline-block; width:700px; font-size:12px; color:#666; float:right}
.posi{ width:100%; height:40px; line-height:40px; }
.posi a{color:#666}
.wenzhang{ width:100%; margin:20px 0; font-size:14px; color:#666}
.wenzhang img{max-width:600px !important;}

.arcRight{ float:right; background:#fff; padding:10px; width:300px; }

.arcTJ1 h3,.arcTJ2 h3{ border-left:3px solid #ff5a5f; color:#222; font-size:18px; margin:0 0 20px 0; line-height:34px; width:100px; text-align:center;}
.arcTJ1 li { display:block; margin-bottom:20px}
.arcTJ1 li a{ color:#222; font-size:14px;}
.arcTJ1 li p{ padding:10px; background:#efefef; color:#777; font-size:12px; margin:10px 0}
.arcTJ1 li span{ width:22px; height:22px; background:#ff5a5f; color:#fff; line-height:22px; text-align:center;  border-radius:4px; display:inline-block; margin-right:8px; float:left}

.arcTJ1 li:hover a{ color:#000;}
.arcTJ1 li:hover p{ background:#ff5a5f; color:#fff;}

.btbg{ text-align:center; margin:20px 0 10px 0;}
.btbg img{ height:9px;}
.listT{ font-size:28px; text-align:center; color:#ff5a5f; margin:0 0 20px 0; font-weight:bold}

.btmenu{ background:#1a1a1a; width:100%;  text-align:center}
.btmenu li{height:40px; line-height:40px; display:inline-block;}

.btmenu li a{ color:#8f8f8f; font-size:12px; border-right:1px solid #555;padding:0 8px}
.downIMG{ text-align:center; margin:15px 0 10px 0; width:100%}
.downIMG li{ display:inline-block; margin:0 8px;}

.downIMG li img{ width:90px; height:auto; padding:7px; border:1px solid #555; border-radius:6px}

.downIMG li span{ display:block; color:#fff; font-size:14px; margin:4px 0 0 0}
.beian{ width:100%; text-align:center; border-top:#333 solid 1px; height:36px; line-height:36px;}
footer{ background:#252525; width:100%;}

footer p{ font-size:12px; color:#ccc}
footer p span{ margin-left:9px; color:#8f8f8f}
footer p a{ color:#8f8f8f}
footer p a:hover,.btmenu li a:hover{ color:#fff}
.wzbt{ margin:0 0 20px 0; width:100%;}
.wzbt h2{ color:#222; margin-bottom:10px}
.wzbt p{ color:#666; font-size:12px;}
.qlink{ display:block; margin:5px 0; width:100%}
.qlink a{ color:#666}
.qlink a:hover{ color:#ff5a5f}
.Q{ margin-bottom:12px}
.Q p{ font-size:12px; color:#666}

.otherTJ h3{ border-left:3px solid #ff5a5f; line-height:34px; text-align:center; font-size:18px; color:#222; width:100px; margin-bottom:20px}
.otherTJ{ width:100%; margin:20px auto; border-top:1px solid #eee;padding:20px 0 0 0}
.otherTJ li{ display:block; height:170px; margin:0 0 10px 0; width:100%}
.otherTJ li .div1{ float:left; width:200px;}
.otherTJ li .div1 img{ width:180px; height:110px; border-radius:6px; box-shadow:0 2px 4px #ccc; padding:4px}
.otherTJ li .div1 b{ font-size:14px; color:#666; display:block; margin-top:10px; height:38px; overflow:hidden}
.otherTJ li .div2{ float:left; margin:0px 0 0 25px; width:580px}
.otherTJ li .div2 p{ margin-bottom:8px; display:block;}
.otherTJ li .div2 p a{ font-size:14px; color:#666; }
.otherTJ li .div2 p a span{ color:#ccc; margin-right:10px}
.otherTJ li .div2 p .s2{ float:right}
.otherTJ li .div2 p a:hover,.otherTJ li .div1 b:hover{ color:#ff5a5f}
.otherTJ li .div1 img:hover{ opacity:0.85}