.mmenu {text-align:center;color:#999;font-size:14px;padding:20px;}
.mmenu i {padding:0 10px;}
a.onmenu {color:#f30;}

.pdt15 {padding-top:15px;}
.pdb15 {padding-bottom:15px;}

.navcss {height:50px;width:1200px;margin:auto;line-height:25px;padding:14px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;}
.navbox {float:left;width:210px;height:50px;border-right:1px solid #eee;padding:0 20px 0 30px;}
.navbox dt,.navbox dd {float:left;height:25px;font-size:14px;width:25%;text-align:center;}
.navbox dt {font-weight:bold;text-align:left;}
.navfirst {padding:0 20px 0 0;width:150px;}
.navfirst dt,.navfirst dd {width:33.33%;}
.navend {border-right:none;padding:0 0 0 25px;}

.hlogo {float:left;height:100px;width:300px;background:url(../images/logo.gif) no-repeat left center;}
.hlogo i {position:absolute;left:-9999px;}

.search {float:left;height:40px;padding:30px;}
.hsearch {width:320px;height:38px;background:#f9f9f9;padding:0 140px 0 10px;-webkit-border-radius:5px;border-radius:5px;position:relative;border:1px solid #e5e5e5;}
.hsearch input {line-height:40px;height:40px;width:100%;color:#333;}
.hbut {position:absolute;right:-1px;top:-1px;padding:0 25px 0 10px;color:#eee;font-size:16px;cursor:pointer;line-height:40px;-webkit-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;background-color:#1989fa;}
.hbut:hover {background-color:#df3066;color:#fff;transform:translate3d(0px,0px,0px);transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1) 0s;}
.hbut span {font-size:21px;width:40px;display:block;float:left;text-align:center;}

.swiper-container {width:320px;height:245px;}
.swiper-slide {position:relative;text-align:center;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex; -webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.swiper-slide img { display: block; }
.swiper-slide h4 { position:absolute; bottom: 0; text-align: center; line-height:35px; background:rgba(0,0,0,0.5); color:#fff; width:100%; font-size:14px; }

.serli {float:right;}
.serli li {float:left;}
.serli li a {display:block;padding:35px 10px;line-height:30px;}
.serli li a span {display:inline-block;vertical-align:middle;font-size:18px;margin-right:5px;width:30px;color:#fff;text-align:center;height:30px;-webkit-border-radius:5px;border-radius:5px;}

.topnews {margin-bottom:15px;}
.topnews h4 {font-size:16px;line-height:40px;color:#dfdfdf;text-overflow:ellipsis;font-weight:bold;white-space:nowrap;overflow:hidden;padding:5px 15px 0; text-align: center;}
.topnews p {color:#ccc;font-size:12px; border-bottom:1px dotted #ddd; padding:0 15px 10px;}
.toutiao { line-height:20px; background: url(../images/dian.gif) repeat-x bottom; padding:0 15px 10px;}
.toutiao span { font-size:16px; font-weight:bold; color:#f30; }

.newsbox ul {padding:0 150px 15px 0; position: relative;}
.newsbox li,.newsbox dd {font-size:15px;line-height:28px;color:#dfdfdf;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%;}
.newsbox li:before,.newsbox dd:before{float:left;content:"";background:#ccc;width:4px;height:4px;overflow:hidden;display:inline-block;margin:12px 11px 0 0;border-radius:2px}
.newsbox li em,.newsbox dd em {color:#ccc;font-size:12px;padding:0 8px;vertical-align:middle;display:inline-block;}

.newsbox dl {padding:0 150px 0 0; position: relative;}
.newsbox dt {font-size:15px;background:url(../images/dian.gif) repeat-x bottom;padding-left:15px;margin-bottom:10px;position: relative;}
.newsbox dt span {display:inline-block;border:1px solid #e6e9f0;border-bottom:1px solid #fff;padding:0 15px;color:#f30;line-height:33px;webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}

.newsfile { position:absolute; right:0; width:140px; font-size:12px; }
.newsfile img { display: block; width:100%; margin-bottom:5px; }

.newsbox ul .newsfile { top:0; }
.newsbox dl .newsfile { top:50px; }

a.frlink { font-size:14px; color:#666; float: right; }

.hotworks {width:330px;font-size:14px;text-align:center;line-height:30px;}
.hotworks a {display:block;}
.hotworks li {float:left;width:155px;padding:0 10px 10px 0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.hotworks li img {width:100%;display:block;}

.hvideo {overflow:hidden;}
.hvideo dd  {font-size:14px;line-height:29px;color:#dfdfdf;text-overflow:ellipsis;height:29px;white-space:nowrap;overflow:hidden;width:100%;}
.hvideo dd em {color:#ccc;font-size:12px;padding:0 8px;vertical-align:middle;display:inline-block;}

.hvideo dt {height:180px;margin-bottom:10px;}
.hvideo dt a {display:block;position:relative;font-size:14px;}
.hvideo dt img {display:block;}
.hvideo dt p {position:absolute;width:100%;line-height:35px;height:35px;bottom:0;background:rgba(0,0,0,0.5);color:#fff;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.hvideo dt p span {display:inline-block;width:35px;vertical-align:middle;text-align:center;}

.hserver {height:40px;background:url(../images/dian.gif) repeat-x bottom;line-height:37px;}
.hsleft {width:125px;float:left;height:37px;background-color:#fff;border-top:3px solid #f60;border-left:1px solid #e6e9f0;text-align:center;font-size:16px;}
.hsright { border:1px solid #e6e9f0;height:38px;float:left;width:172px;text-align:right;}
.hsright a {display:block;padding-right:5px;}
.hsright a span {display:inline-block;width:20px;height:20px;text-align:center;font-size:12px;}

.hserlist {padding:0 15px;border:1px solid #e6e9f0;border-top:none;line-height:20px;color:#888;}
.hserlist dl {position:relative;padding:15px 0 15px 55px;border-bottom:1px solid #e6e9f0;}
.hserlist dl dt {height:40px;width:40px;line-height:40px;text-align:center;position:absolute;left:0;top:15px;background-color:#f60;-webkit-border-radius:5px;border-radius:5px;}
.hserlist dl dt span {color:#fff;font-size:21px;}
.hserlist h4 {font-size:14px;color:#333;}
.hserlist dl.nobottom {border-bottom:none;}
.hserlist a {color:#202020;}
.hserlist a:hover {color:#f30;}

.hrank {padding:5px 15px;border:1px solid #e6e9f0;}
.rankarts {padding:3px 0;}
.rankarts a {display:block;position:relative;padding:10px 0 10px 65px;height:50px;line-height:25px;border-top:1px solid #e6e9f0;}
.rankarts a img {display:block;position:absolute;left:0;width:50px;top:10px;webkit-border-radius:3px;border-radius:3px;}
.rankarts h4 {font-size:14px;}
.rankarts span {font-size:12px;color:#888;}

.ranknews {padding:10px 0 5px;border-top:1px solid #e6e9f0;}
.ranknews a {display:block;position:relative;line-height:22px;padding:5px 0 5px 25px;font-size:14px;height:40px;}
.ranknews span {font-size:12px;color:#fff;display:block;position:absolute;width:18px;line-height:18px;left:0;top:8px;background-color:#ddd;height:18px;text-align:center;}
.ranknews em {font-size:12px;color:#888;display: block;}
.ranknews em i {font-size:14px;color:#999;padding-right:5px;display:inline-block;}

.ftlist {border-top:1px dashed #e6e9f0;padding-top:10px;margin-top:10px;}
.ftlist a {display:block;position:relative;padding:0 0 0 130px;line-height:25px;height:80px;overflow:hidden;color:#888;background-color:#f9f9f9;}
.ftlist a img {display:block;position:absolute;left:0;top:0;}
.ftlist a h4 {font-size:14px;color:#333;}
.ftlist a p {padding-bottom:3px;}
.ftlist a i {font-size:14px;color:#999;padding-right:5px;}
.ftlist a:hover {background-color:#dcf5ff;transform:translate3d(0px,0px,0px);transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1) 0s;color:#666;}
.ftlist a:hover h4 {color:#f30;transform:translate3d(0px,0px,0px);transition:all 0.5s cubic-bezier(0.645,0.045,0.355,1) 0s;}
.ftone {border-top:none;padding-top:0;margin-top:0;}

.hzhanlan {padding:15px 0;border-top:1px solid #e6e9f0;border-bottom:1px solid #e6e9f0;}
.zllist {width:33.333%;float:left;overflow:hidden;height:120px;}
.zllist dl {position:relative;padding:0 10px 0 110px;line-height:20px;}
.zllist dl dt {position:absolute;width:100px;left:0;}
.zllist dl dt img {width:100%;}
.zllist dl dd h4 {font-size:14px;padding-bottom:10px;}
.zllist dl dd p {color:#777;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.hartst {border-bottom:1px solid #e6e9f0;background:url(../images/dian.gif) repeat-x top;height:50px;position:relative;}
.hartst span {display:block;line-height:45px;height:46px;font-size:18px;border-top:4px solid #f60;width:100px;text-align:center;color:#333;}

.hartsc {padding:15px 0 0;}
.hartsc li {width:120px;float:left;border-left:1px solid #e6e9f0;padding-left:15px;margin-left:15px;height:215px;line-height:20px;color:#777;}
.hartsc li.lione {border-left:none;padding-left:0;margin-left:0;}
.hartsc li a.imglink {height:100px;overflow:hidden;margin-bottom:8px;display:block;}
.hartsc li img {width:100%;}
.hartsc li h4 {font-size:14px;padding-bottom:5px;}
.artbox {height:205px;padding:5px;position:relative;}
.hartsc li:hover .artbox {background:-moz-linear-gradient(top, rgba(150,200,255,1) 0%, rgba(150,200,255,0) 100%);background:-webkit-linear-gradient(top, rgba(150,200,255,1) 0%,rgba(150,200,255,0) 100%);background:linear-gradient(to bottom, rgba(150,200,255,1) 0%,rgba(150,200,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=0 );}
.hartsc li a.weblink {display:block;position:absolute;bottom:0;right:0;font-size:12px;color:#999;border:1px solid #e6e9f0;line-height:22px;-webkit-border-radius:22px;border-radius:22px;padding:0 10px;}
.hartsc li:hover a.weblink {border:1px solid #1989fa;transform:translate3d(0px,0px,0px);transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1) 0s;color:#1989fa;}

.hcpubt {background:url(../images/2dian.gif) repeat-x top;height:65px;position:relative;}
.hcpubt span {display:block;float:left;line-height:60px;height:60px;font-size:23px;border-top:5px solid #f60;color:#333;padding:0 10px;}
.hcpubt ul {float:right;margin:20px 15px 0;line-height:30px;font-size:14px;}
.hcpubt ul li {float:left;padding-left:25px;}
.hcpubt ul li a {float:left;display:block;}
.hcpubt ul li a:before {content:"";float:left;background:#ccc;width:4px;height:4px;overflow:hidden;display:inline-block;margin:14px 10px 0 0;border-radius:100%;}
.hcpubt ul li.gohome {float:right;border:1px solid #ddd;line-height:28px;-webkit-border-radius:28px;border-radius:30px;padding:0 15px 0 0;margin-left:25px;font-size:12px;}
.hcpubt ul li.gohome i {font-size:13px;display:inline-block;vertical-align:middle;width:18px;}
.hcpubt ul li.gohome a {color:#666;}
.hcpubt ul li.gohome a:before {background:#fff;width:0;height:0;}
.hcpubt ul li.gohome:hover {border:1px solid #1989fa;transform:translate3d(0px,0px,0px);transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1) 0s;color:#1989fa;}
.hcpubt ul li.gohome:hover a {color:#1989fa;}

.hopubt {background:url(../images/2dian.gif) repeat-x top;height:65px;position:relative;line-height:65px; }
.hopubt span {display:block;float:left;height:65px;font-size:23px;color:#333;padding:0 10px;}
.hopubt em {border-right:1px solid #ddd;}
.hopubt a {display:inline-block;font-size:14px;padding:0 10px;color:#666;}
.hopubt a:hover {color:#f30;}
.hopubt span a {display:block;font-size:23px;padding:0 10px;color:#333;}
.hopubt span a:hover {color:#f30;}

.tabs {line-height:40px;height:40px;font-size:14px;background:url(../images/dian.gif) repeat-x top;}
.tabs li {float:left;padding:0;height:40px;}
.tabs li a {display:inline-block;vertical-align:middle;padding:0 15px;float:left;color:#888;}
.tabs li.liselect a {background-color:#f90;color:#fff;position:relative;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;}
.tabs li.liselect a:before{position:absolute;content:"";width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #f90;z-index:50;bottom:-8px;left:50%;margin-left:-10px;}
.lihide {display:none;}

.artsbox {width:1225px;height:290px;overflow:hidden;padding-top:15px;}
.artsbox dd {float:left;width:150px;height:130px;overflow:hidden;position:relative;margin:0 25px 15px 0;font-size:14px;}
.artsbox dd img {width:100%;position:absolute;left:0px;top:0px;z-index:2;overflow:hidden;}
.artsbox dd span {width:140px;height:0px;padding:10px 5px;position:absolute;left:0px;top:0px;z-index:1;line-height:25px;font-size:12px;color:#fff;background:#6fb6fd;overflow:hidden;display:none;}
.artsbox dd a {width:150px;height:110px;position:absolute;left:0px;top:0px;z-index:3;}
.artsbox dd h4 {position:absolute;bottom:0;display:block;height:35px;text-align:center;width:150px;line-height:35px;background:rgba(0,0,0,0.6);color:#fff;z-index:2;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);}

.arttext {font-size:14px;border-bottom:1px solid #e6e9f0;padding:0 0 20px 50px; position: relative;}
.arttext dt { width:35px; position: absolute; height:50px; padding:5px 0; left:0;line-height:25px; background-color: #f60; color:#fff; text-align: center; border-radius:3px; font-size:12px; }
.arttext dd {float:left;width:5.555%;line-height:30px;}

.artsft {background:url(../images/dian.gif) repeat-y right;padding:10px 30px 10px 0;}
.artsft .hpubt {margin-bottom:5px;}
.artsftlist li {float:left;width:50%;}
.artsftlist li a {display:block;padding:5px 10px 5px 0;position:relative;text-align:center;}
.artsftlist li img {display:block;width:100%;}
.artsftlist li p {width:155px;position:absolute;bottom:5px;background:rgba(0,150,200,0.8);color:#fff;line-height:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.artsftlist li span {display:block;width:35px;color:#fff;height:35px;font-size:20px;line-height:35px;position:absolute;left:5px;bottom:40px;background-color:rgba(0,0,0,0.3);-webkit-border-radius:3px;border-radius:3px;}

.artsdt {background:url(../images/dian.gif) repeat-y right;padding:10px 25px;width:475px;}
.artsdtt {border-bottom:1px solid #f90;position:relative;padding:10px 0 15px;font-size:16px;line-height:20px;color:#f30;}
.artsdtt:before{position:absolute;content:"";width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #f90;z-index:50;bottom:-8px;left:16px;}

#artscon {height:335px;width:100%;position:relative;background-color:#fff;overflow:hidden;}
#artscon ul{width:100%;position:relative;top:0;left:0;padding:0;}
#artscon ul li{width:100%;border-bottom:1px dotted #d6d6d6;overflow:hidden;line-height:23px;clear:both;}
#artscon ul li .divleft{float:left;width:50px;padding:15px 0;}
#artscon ul li .divleft img {display:block;width:100%;-webkit-border-radius:3px;border-radius:3px;}
#artscon ul li .divright{float:right;width:410px;padding:15px 0;font-size:14px;}
#artscon ul li .divright a{color:#6EAFD5;padding:0px;}
#artscon ul li .divright .itemtime{color:#999;padding:0px;font-size:12px;}

.bottomcover{position:absolute;bottom:0;height:35px;width:485px;background:-moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);background:-webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);background:linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );}

.hclass {font-size:14px;padding:20px 0 10px;}
.artskey {padding:15px 0 15px 50px;font-size:14px;position:relative;}
.artskey span {display:block;width:50px;color:#f30;left:0;top:15px;position:absolute;}
.artskey a,.hclass a {display:inline-block;padding-right:10px;line-height:25px;color:#666;}

.hbsearch {background-color:#f5f5f5;padding:15px 0;font-size:14px;}
.hbsearch {position:relative;padding:0 85px 0 0;}
.hbsearch span {display:block;color:#f30;padding:5px 10px;border:1px solid #f90;-webkit-border-radius:3px;border-radius:3px;}
.hbsearch span input {width:100%;height:25px;line-height:25px;}
.hbsearch .ssub {background-color:#f90;color:#fff;height:37px;width:95px;cursor:pointer;position:absolute;top:0;right:0;-webkit-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;font-size:16px;}

#wdzuopin{height:450px;width:1224px;}
#wdzuopin li img {width:100%;}
#wdzuopin li {width:280px;padding:5px 26px 15px 0;height:200px;position:relative;float:left;overflow:hidden;} 
a.buylink1 .divA{position:absolute;bottom:15px;left:0;width:260px;height:30px;padding:10px;background:rgba(255,255,255,0.8);line-height:30px;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#BFFFFFFF,endcolorstr=#BFFFFFFF);}
a.buylink1 .divA>h4{width:180px;font-size:16px;color:#333;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
a.buylink1 .divA>p{position:absolute;right:10px;color:#f60;top:5px;text-align:right;}
a.buylink1 .divA>p>span{font-size:20px;}

a.buylink2 {position:absolute;top:5px;left:-280px;width:280px;height:160px;text-align:center;color:#fff;background:rgba(0,0,0,0.5);transition:all 0.2s;font-size:14px;padding:20px 0;line-height:25px;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000);}
a.buylink2 h4 {padding:10px 0;font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
a.buylink2 p {padding-bottom:10px;}
a.buylink2 p span {font-size:23px;color:#ff0;padding:0 10px;}
a.buylink2 em {display:block;margin:auto;width:100px;background-color:#fff;height:35px;-webkit-border-radius:35px;border-radius:35px;color:#f30;line-height:35px;}

.wdbox {border-top:1px solid #e6e9f0;background:url(../images/dian.gif) repeat-y 875px;}

.wdhott {line-height:24px;padding:15px 0;font-size:16px;height:24px;}
.wdhott a {float:left;}
.wdhott a:before {float:left;content:"";background:#fdd000;width:4px;height:16px;display:inline-block;margin:5px 8px 0 0;border-radius:2px;}

.wdhots dd {float:left;width:20%;height:160px;text-align:center;}
.wdhots dd a {display:block;padding:5px 10px;line-height:20px;position:relative;overflow:hidden;}
.wdhots dd a h4 {font-size:14px;padding:8px 0;}
.wdhots dd a p {color:#888;}
.wdhots dd span img {width:100%;}
.wdhots dd span.wdlogo {display:block;margin:auto;width:100px;}
.wdhots dd span.wdlogo img {-webkit-border-radius:100px;border-radius:100px;}
.wdhots dd span.qrcode {position:absolute;bottom:-200px;background:rgba(255,255,255,0.8);left:50%;margin-left:-70px;height:150px;width:100px;padding:0 20px 10px;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#BFFFFFFF,endcolorstr=#BFFFFFFF);}
.wdhots dd:hover span.qrcode {transition:all 0.2s;bottom:0;}

.wdkey {padding:20px 0;}
.wdkey span {display:block;color:#888;font-size:14px;}
.wdkey a {display:inline-block;color:#666;background-color:#fff;height:25px;-webkit-border-radius:25px;border-radius:25px;border:1px solid #ddd;line-height:25px;padding:0 15px;margin:10px 10px 0 0;}
.wdkey a:hover {border:1px solid #1989fa;transform:translate3d(0px,0px,0px);transition:all 0.3s cubic-bezier(0.645,0.045,0.355,1) 0s;color:#fff;background-color:#1989fa}

.rcbox {width:320px;padding:15px 0;}
.rcbox dd {float:left;width:60px;height:95px;overflow:hidden;margin:0 20px 0 0;}
.rcbox dd img,.rcbox dd a {width:100%;display:block;}
.rcbox dd h4 {height:30px;text-align:center;line-height:30px;}

.hnews dt {width:50%;float:left;padding-bottom:10px;}
.hnews dt a {display:block;padding:0 10px;line-height:21px;font-size:14px;}
.hnews dt a img {display:block;width:100%;margin-bottom:8px;}
.hnews dd {font-size:16px;line-height:32px;color:#dfdfdf;text-overflow:ellipsis;height:30px;white-space:nowrap;overflow:hidden;width:100%;clear:both;}
.hnews dd:before{float:left;content:"";background:#ccc;width:4px;height:4px;overflow:hidden;display:inline-block;margin:13px 11px 0 0;border-radius:2px}

.rcicon {float:left;width:50%;}
.rcicon a {display:block;padding:0 10px 10px 50px;position:relative;font-size:14px;}
.rcicon a span {display:block;position:absolute;left:0;top:0;width:50px;height:50px;font-size:30px;color:#666;}

.hplist {width:900px;font-size:14px;}
.hitem {width:225px;float:left;padding-bottom:10px;}
.hitem a {display:block;position:relative;padding-right:25px;height:170px;overflow:hidden;}
.hitem img {display:block;width:100%;}
.hitem a h4 {position:absolute;bottom:0;height:35px;line-height:35px;background:rgba(0,0,0,0.5);color:#fff;left:0;width:200px;text-align:center;}

.hplist p {width:225px;float:left;line-height:28px;}
.hplist p a:before {float:left;content:"";background:#ccc;width:4px;height:4px;overflow:hidden;display:inline-block;margin:13px 10px 0 0;border-radius:2px}

.mylink dt {text-align:center;height:40px;background:url(../images/2dian.gif) repeat-x center;width:100%;}
.mylink dt span {display:inline-block;padding:0 20px;margin:auto;line-height:40px;background-color:#fff;font-size:16px;color:#666;}
.mylink dd {float:left;line-height:30px;margin-right:25px;font-size:14px;}
.mylink a {color:#888;}
.mylink a:hover {color:#1989fa;}
a.mlink {display:inline-block;font-size:12px;border:1px solid #81c0ff;padding:0 15px;border-radius:30px;line-height:28px;color:#81c0ff;}