* { margin:0 auto; padding:0; -webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-tap-highlight-color: transparent; /* For some Androids */ }
html{font-size:62.5%}
body{font-family: "Heiti SC","Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif!important;color:#333;font-size:1.4rem}
blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
margin: 0;
padding: 0;
}
ul,li{list-style: none;}
a{ text-decoration:none; color:#555;}
.fl{float:left}
.fr{float:right}

.mcontent{width:100%;height:100%;background:#eee;}
.header{background:#fff;background-size:320px 520px;width:100%;height:65px;margin:0 auto;text-align:center}
.headline{height:3px;background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%);}
.header .catalog{float:left;width:32px;height:31.5px;overflow:hidden;background:url(../m/m_icon.png)  -280px -209.5px no-repeat;background-size:320px 520px;margin:18px 0 0 10px;}
.header .catalog a{width:31.5px;height:32px;;display:inline-block;}


.header .logo{width:185px;height:50px;overflow:hidden;background:url(../m/m_icon.png) 0px -105px no-repeat;background-size:320px 520px;margin:10px 0 0 10px;display:inline-block;text-align:center;}
.header .logo a{width:181px;height:50.5px;display:inline-block;}
.header .logo h1{display:none}
.header .kind{float:right;width:32px;height:31.5px;overflow:hidden;background:url(../m/m_icon.png)  -280px -177px no-repeat;background-size:320px 520px;margin:18px 10px 0 0;}
.header .kind a{width:31.5px;height:32px;display:inline-block;}

.swiper-container{margin:0 auto;overflow:hidden;position:relative;}
.swiper-wrapper{}
.pagination {
    position: absolute;
    z-index: 20;
    bottom: 5px;
    width: 100%;
    text-align: center;
}
.swiper-slide{line-height:150px;height:150px}
.swiper-slide img {
    height: 100%;
    width: 100%;
}

.menu{margin:0px 0 10px 0 ;clear:both;overflow:hidden;background:#fff;padding:20px 0}
.menu li{float:left;width:25%;font-size:1.2rem;margin:0 auto;text-align:center;line-height:25px}
.menu li a{display:inline-block}
.menu li a:hover{color:#333}
.menu li i{background:url(../m/m_icon.png) no-repeat;width:43px;height:43px;display:block;background-size:320px 520px;}
.menu li i.one{background-position:0 -177px;}
.menu li i.two{background-position:-43.5px -177px;}
.menu li i.three{background-position:-87.5px -177px;}
.menu li i.four{background-position:-131px -177px;}
.menu li i.five{background-position:-174.5px -177px;}

.adv{clear:both;overflow:hidden;background:#fff;border-bottom:1px #eee solid;}
.adv .adv_zx{padding:15px 0 0 0;border-right:1px #eee solid;float:left;width:45%;text-align:center}
.adv .adv_zx a{display:inline-block;}
.adv .adv_zx h2{color:#36A5EC;font-size:1.4rem}
.adv .adv_zx p{font-size:1.2rem;margin:10px 0 0 0}
.adv .adv_zx i{background:url(../m/m_icon.png)  -182.5px -384.5px no-repeat;background-size:320px 520px;display:inline-block;width:134.5px;height:140px;margin-top:5px;}

.adv .adv_qsn{float:right;width:54%;padding:5px 0% 0 0;position:relative;height:220px;}/*20180323 edit*/
.adv .adv_qsn .top i{background:url(../m/m_icon.png) -140px -241px no-repeat;position:absolute;right:0;top:0;width:24px;height:24px;background-size:320px 520px;display:inline-block;}
.adv .adv_qsn .top{clear:both;overflow:hidden;}  /*20180323 edit*/
.adv .adv_qsn .top h2 {padding-left:10px}
.adv .adv_qsn .top h2  a{font-size:1.4rem;color:#99be2a;}
.adv .adv_qsn .top p{font-size:1.2rem;margin:10px 10px 10px 10px}


.adv .adv_qsn .top2{clear:both;overflow:hidden;margin-top:10px;}
.adv .adv_qsn .top2 i{background:url(../m/m_icon.png) -0px -241px no-repeat;background-size:320px 520px;position:absolute;right:20px;bottom:0;width:37.5px;height:41px;display:inline-block;}
.adv .adv_qsn .top2 h2{font-size:1.4rem;color:#f1501e;padding-left:10px}
.adv .adv_qsn .top2 p{font-size:1.2rem;margin:10px 10px 0px 10px;position:relative;z-index:2}

.news{clear:both;background:#fff;font-size:1.2rem;height:30px}
.news .head{border-right:1px #eee solid;overflow:hidden;line-height:30px;height:30px;width:11%;float:left;padding:5px 0.5%;text-align:center}
.news .head i{background:url(../m/m_icon.png) -115px -240px no-repeat;width:21px;height:21px;background-size:320px 520px;display:inline-block;text-align:center;}
.news .cont{float:left;width:82%;padding-left:3%;height:30px;overflow:hidden}
.news .cont li{height:30px;line-height:30px;text-align:left;overflow:hidden;}

.art{clear:both;margin-top:10px;}
.art .cont{font-size:1.4rem;background:#fff;overflow:hidden;padding:5px 12px;}
.art .cont li{clear:both;line-height:25px;height:25px;width:100%;overflow:hidden;border-bottom:1px #eee dashed}
.step{width:100%;margin:0 auto;background:#fff;margin-top:10px;}
.stepcont{clear:both;background:url(../m/m_icon.png) -0px -295px no-repeat #fff;width:105px;height:219.5px;overflow:hidden;text-align:center;margin:10px auto;padding:10px 0;background-size:320px 520px;}

.artinfo{clear:both;}
.artinfo .title{font-size:1.6rem;text-align:center;border-bottom:1px #dedede dashed;line-height:45px;height:45px}
.artinfo .content{font-size:1.6rem;clear:both;padding:5px 10px;background:#fff;line-height:1.7}
.artinfo .content img{width:100%;height:100%;}
.artinfo .content p{font-size:1.4rem;margin:10px 0;line-height:25px}
.artinfo .content p img{max-width:100%;text-align:center;margin:0 auto;}
.artinfo .content p.copyright{color:#999;font-size:1.1rem;line-height:20px;}
.artinfo .content .imgshow{position:relative;overflow:hidden;padding-bottom:56.25%;width: 100%; height: 0;}
.artinfo .content .imgshow .imgbg img{width:100%;height:100%;position:absolute;z-index:1}
.artinfo .content .imgshow .imgtext{position:absolute;z-index:1;font-size:1.2rem;color: #fff;bottom:9px;width:100%;}
.artinfo .content .imgshow .imgtext h2{font-size:1.6rem;  text-shadow: 0 .5px 2px #444;text-align:center}
.artinfo .content p.blue{color:#3399FF;}

.title{font-size:1.4rem;line-height:35px;height:35px;text-indent:1em;background:#fff;border-bottom:1px #dedede solid}
.title i{width:2px;height:10px;background:#7bc4ee;display:inline-block;margin-right:8px}

.channel{font-size:1.6rem;line-height:40px;height:40px;text-indent:12px;background:#F6FBE1 ;border-bottom:1px #d3f745  solid;}
.channelabout{position:relative;font-size:1.6rem;line-height:40px;height:40px;text-indent:12px;background:#F6FBE1 ;border-bottom:1px #d3f745  solid;}
.channelabout .left{float:left;position:absolute;width:30px;height:30px;}
.channelabout .left a{width:10.5px;height:18px;background:url(../m/m_icon.png) -280px -276px no-repeat;display:inline-block;margin:10px 12px 0 0 ;background-size:320px 520px;}
.channelabout h2{font-size:1.6rem;text-align:center;}

.channel .fr{font-size:1.3rem;margin-right:5px;}

.channelist{box-shadow: 0 2.5px 7.5px rgba(0,0,0,.1);overflow-x:scroll;overflow-y:hidden;}
.channelist li{float:left;font-size:1.4rem;padding:0 5px;line-height:35px;height:35px;margin:0 5px}
.channelist li a{display:block}
.channelist li.on{border-bottom:2px #99BE2A solid;}

.copyright{clear:both;text-align:center;font-size:1.2rem;padding:10px 0}
.bottom{position:fixed;background:rgba(168,177,250,0.95);width:100%;bottom:0;left:0;padding-top:5px;z-index:100;border-top:1px #A2B0FF solid}
.bottom span{width:50%;float:left;display:inline-block;text-align:center;font-size:1.4rem;}
.bottom span a{display:inline-block;color:#fff;}
.bottom span i{background:url(../m/m_icon.png?ver=1) no-repeat;width:41px;height:41px;display:inline-block;margin-bottom:3px;background-size:320px 520px;vertical-align:middle;margin-right:3px}
.bottom span i.one{background-position:-122.5px -338.5px;}
.bottom span i.two{background-position:-173px -338.5px;}
.bottom span i.three{background-position:-222.5px -338.5px;}

.returntop{clear:both;background:#eee;height:35px;line-height:35px;color:#fff;text-align:center;}

.share{clear:both;padding:10px 15px}
.share .s_title{position:relative;text-align:center;margin:10px auto}
.share .s_title:before{content:'';position:absolute;top:50%;left:0;right:0;border-bottom:1px solid #ddd;}
.share .s_title h2{position:relative;z-index:2;display:inline-block;color:#a8b4bb;font-size:1.2rem;line-height:12px;padding:0 0.5em;background:#fff;text-align:center}
.bdshare-button-style0-16 ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
}
.bdshare-button-style0-16 ul li {
    float: left;
    width: 20%;
    list-style: none;
    text-align: center;
}
.bdshare-button-style0-16 ul li a {
    float: none;
    font-size: inherit !important;
    padding-left: 0px !important;
    line-height: normal;
    height: 37.2px !important;
    background-repeat: no-repeat;
    cursor: pointer;
    margin: auto !important;
    width: 37.2px;
    display: block;
    background-image: url("../m/share-icon.png") !important;
    background-size: 160px 160px;
}
.bdshare-button-style0-16 ul li h2 {
    color: #a8b4bb;
    font-size:1.1rem;
    line-height: 11px;
    font-weight: normal;
    text-shadow: none;
	margin-top:5px;
}
.bdshare-button-style0-16 ul li a.WechatFriends {
    background-position: -39px 0px;
}
.bdshare-button-style0-16 ul li a.bds_tsina {
    background-position: -79px 0px;
}
.bdshare-button-style0-16 ul li a.bds_sqq {
    background-position: -0 -39px;
}
.bdshare-button-style0-16 ul li a.bds_qzone {
    background-position: -118px 0px;
}

.expertlist{clear:both;margin:0px 0;}
.expertlist li{clear:both;}
.expertlist li img{width:100%;height:100%;display:block;margin-top:20px;}
.expertlist li div.user_text{background:#fff;padding:10px;font-size:1.2rem;color:#999;line-height:25px}
.expertlist li div.user_text span.blue a{color:#3399FF;font-size:1.4rem;display:inline-block;margin-right:10px;}

.mob_nav{clear:both;}
.mob_nav li{float:left;border-right:1px #d3f745 solid;border-bottom:1px #d3f745 solid;text-indent:2em;margin:0 -1px -1px 0;width:50%;line-height:2.5;}

/*20180323 add*/
.qsntitle{border-bottom: 1px #eee solid;line-height: 35px;}
.qsnicon{position:absolute;bottom:0;right:0;display:inline-block;width:140px;height:145px;overflow:hidden;background:url(../m/m_icon.png)  -346px -482px no-repeat;background-size:640px 1040px;}
.qsnbg{}
.qsntext{line-height: 3rem;padding-left:10px;color:#666;border-bottom: 1px #eee dashed}
.qsntext > span{font-size:2rem;color:#f60;padding-right: 5px}
.qsnmore{font-size: 1.2rem;padding-left:10px;margin-top:10px;}
.goodList{background-color: #fff;padding:10px;margin-top:10px;}
.goodListtitle{color:#ff9900;font-weight: bold;font-size: 1.4rem;line-height: 3rem;clear:both;}
.goodContent{padding:10px;overflow: hidden;}
.goodContentList{float:left;width:27%;padding:1.5%;margin-right:5%;text-align: center;margin-bottom:5%;background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%); }
.goodContentList:nth-child(3n){margin-right: 0}
.gldetail{background: #fff;height:4rem;line-height:4rem;text-align: center;font-size: 2rem;}
.gldetail a{color:#42b8fe;}
.goodContentList:hover .gldetail{background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);}
.goodContentList:hover .gldetail a{color:#fff;}
.pagelist{  margin:0 auto; text-align:right;}
ul.pagelist {
	float:left;
	padding:12px 0px 12px 16px;
}
ul.pagelist  li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	color: #666;
	/* //border:1px solid #E9E9E9; */
}
ul.pagelist  li a{
	float:left;
	padding:2px 4px 2px;
	color:#6d881c;
	display:block;
}
ul.pagelist  li a:hover{
	color:#690;
	text-decoration:none;
	padding:2px 4px 2px;ß
}
ul.pagelist  li.thisclass,
ul.pagelist  li.thisclass a,ul.pagebox  li.thisclass a:hover{
	background-color:#99be2a;
	padding:2px 4px 2px;
	font-weight:bold;
}
.pagelist .pageinfo{
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.pagelist .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}