body{ background:#fff;}

/*系列号*/
.u-order-1{ background:url(../images/index-icon-test.png) no-repeat -253px 0;}
.u-order-2{ background:url(../images/index-icon-test.png) no-repeat -253px -48px;}
.u-order-3{ background:url(../images/index-icon-test.png) no-repeat -253px -96px;}
.u-order-4{ background:url(../images/index-icon-test.png) no-repeat -253px -144px;}
.u-order-5{ background:url(../images/index-icon-test.png) no-repeat -253px -193px;}
.u-order-6{ background:url(../images/index-icon-test.png) no-repeat -253px -241px;}
.u-order-7{ background:url(../images/index-icon-test.png) no-repeat -253px -289px;}
.u-order-8{ background:url(../images/index-icon-test.png) no-repeat -253px -327px;}
.u-order-9{ background:url(../images/index-icon-test.png) no-repeat -253px -360px;}
.u-order-10{ background:url(../images/index-icon-test.png) no-repeat -253px -409px;}
.u-order-11{ background:url(../images/index-icon-test.png) no-repeat -253px -457px;}
.u-order-12{ background:url(../images/index-icon-test.png) no-repeat -253px -498px;}
.u-order-13{ background:url(../images/index-icon-test.png) no-repeat -253px -530px;}

/*文章资讯*/
.m-img-cms{ width:376px; height:auto; float:left; margin:0; overflow:hidden; position:relative; zoom:1}
.m-img-cms img{ width:100%; height:242px; display:block; overflow:hidden}
.m-img-cms strong{ width:100%; height:60px; line-height:76px; font-size:16px; font-weight:normal; color:#fff; text-align:center; background-image:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); background-image:linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); display:block; overflow:hidden; position:absolute; left:0; bottom:0; z-index:10;}
.m-img-cms:hover strong{ color:#f0333a}

/*版块热门导航*/
.m-class-hot{ width:376px; height:242px; float:left; margin:30px 0 0; background:#fafafa; display:inline; overflow:hidden}
.m-class-hot dt{ width:130px; height:73px; line-height:100px; border-bottom:4px solid #f0333a; font-size:30px; font-weight:normal; color:#000; text-align:center; margin:auto; display:block; overflow:hidden}
.m-class-hot dd{ width:100%; height:auto; margin:14px 0 0; display:block; overflow:hidden}
.m-class-hot dd a{ width:62px; height:16px; line-height:16px; font-size:14px; font-weight:normal; color:#000; float:left; margin:16px 0 0 26px; display:inline; overflow:hidden}
.m-class-hot dd a:hover{ color:#f0333a}



/*首页大幻灯片*/
.g-index-ppt{ width:100%; height:500px; display:block; overflow:hidden; position:relative; zoom:1}
.g-index-ppt .g-box-1200{ height:500px; overflow:visible}
.g-index-ppt .m-indexppt-leftbg{ width:1000px; height:500px; background:rgba(0,0,0,.7); display:block; overflow:hidden; position:absolute; left:50%; top:0; margin:0 0 0 -1600px; z-index:20}
.g-index-ppt .m-indexppt-leftbg b{ width:80px; height:80px; background:rgba(255,255,255,.5); border-radius:100%; display:block; overflow:hidden; position:absolute; right:80px; top:210px; z-index:30; cursor:pointer}
.g-index-ppt .m-indexppt-leftbg b:before{ content:""; width:26px; height:26px; border-top:4px solid #fff; border-left:4px solid #fff; transform:rotate(-45deg); display:block; overflow:hidden; position:absolute; left:30px; top:25px;}
.g-index-ppt .m-indexppt-leftbg b:hover{ background:#f0333a}
.g-index-ppt .m-indexppt-rightbg{ width:1000px; height:500px; background:rgba(0,0,0,.7); display:block; overflow:hidden; position:absolute; left:50%; top:0; margin:0 0 0 600px; z-index:20}
.g-index-ppt .m-indexppt-rightbg b{ width:80px; height:80px; background:rgba(255,255,255,.5); border-radius:100%; display:block; overflow:hidden; position:absolute; left:80px; top:210px; z-index:30; cursor:pointer}
.g-index-ppt .m-indexppt-rightbg b:before{ content:""; width:26px; height:26px; border-top:4px solid #fff; border-left:4px solid #fff; transform:rotate(135deg); display:block; overflow:hidden; position:absolute; left:18px; top:25px;}
.g-index-ppt .m-indexppt-rightbg b:hover{ background:#f0333a}
.g-index-ppt .m-indexppt-cont{ width:3200px; height:500px; display:block; overflow:hidden; position:absolute; left:-2400px; top:0; transition:left 0s,right 0s;}
.g-index-ppt .m-indexppt-cont li{ width:1200px; height:500px; float:left; margin:0; display:inline; overflow:hidden}
.g-index-ppt .m-indexppt-cont li a{ width:100%; height:auto; display:block; overflow:hidden; position:relative; zoom:1}
.g-index-ppt .m-indexppt-cont li a img{ width:100%; height:500px; display:block; overflow:hidden}
.g-index-ppt .m-indexppt-cont li a span{ width:100%; height:120px; background:rgba(0,0,0,.5); display:block; overflow:hidden; position:absolute; left:0; bottom:0; z-index:10;}
.g-index-ppt .m-indexppt-cont li a strong{ width:100%; height:26px; line-height:26px; font-size:24px; font-weight:normal; color:#fff; text-align:center; margin:18px 0 0; display:block; overflow:hidden}
.g-index-ppt .m-indexppt-cont li a p{ width:100%; height:16px; line-height:16px; font-size:14px; font-weight:normal; color:#fff; text-align:center; margin:18px 0 0; display:block; overflow:hidden}
.g-index-ppt .m-indexppt-page{ width:100%; height:auto;text-align:center; display:flex; justify-content:center; overflow:hidden; position:absolute; left:0; bottom:17px; z-index:30}
.g-index-ppt .m-indexppt-page li{ width:20px; height:10px; background:#d3d7d8; border-radius:6px; margin:0 8px; display:block; overflow:hidden; cursor:pointer}
.g-index-ppt .m-indexppt-page li.f-hover{ background:#f0333a}

/*大板块标题*/
.g-big-title{ margin-top:66px; padding:4px 0; border-bottom:3px solid #000;}
.g-big-title h3{border-bottom:1px solid #000; padding:0 0 26px 0; display:block; overflow:hidden;}
.g-big-title h3 span{ width:611px; height:46px; background:url(../images/index-icon-test.png) no-repeat 0 -742px; margin:auto; display:block; overflow:hidden}
.g-parenting-title h3 span{ width:615px;  background-position:0 -884px;}
.g-bisexual-title h3 span{ width:455px;  background-position:0 -1027px;}
.g-education-title h3 span{ width:359px;  background-position:0 -1170px;}
.g-occupation-title h3 span{ width:469px;  background-position:0 -1312px;}
.g-network-title h3 span{ width:462px;  background-position:0 -1452px;}
.g-friend-title{ margin-top:40px;}

/*小型幻灯片*/
.m-ppt-box{ width:376px; height:514px; margin:30px 0 0; position:relative; zoom:1;}
.m-ppt-box .m-ppt-cont{ width:100%; height:514px; display:block; overflow:hidden;}
.m-ppt-box .m-ppt-cont a{ width:100%; height:514px; display:none; overflow:hidden; position:absolute; left:0; top:0;}
.m-ppt-box .m-ppt-cont a img{ width:100%; height:514px; display:block; overflow:hidden}
.m-ppt-box .m-ppt-cont a strong{ width:100%; height:100px; line-height:70px; background-image:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); background-image:linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); font-size:18px; font-weight:bold; color:#fff; text-align:center; text-shadow:2px 2px 4px #000; display:block; overflow:hidden; position:absolute; left:0; bottom:0; z-index:10;}
.m-ppt-box .m-ppt-cont a i{ width:358px; height:490px; border:1px solid #fff; display:block; overflow:hidden; position:absolute; left:8px; top:11px; z-index:20;}
.m-ppt-box .m-ppt-cont a:nth-child(1){ display:block;}
.m-ppt-box .m-ppt-page{ width:100%; height:auto; display:flex; justify-content:center; text-align:center; overflow:hidden; position:absolute; left:0;bottom:26px; z-index:20;}
.m-ppt-box .m-ppt-page li{ width:20px; height:10px; background:#fff; border-radius:6px; float:left; margin:0 0 0 13px; display:inline; overflow:hidden; cursor:pointer}
.m-ppt-box .m-ppt-page li.f-hover{ background:#f0333a;}

/*今日推荐版块*/
.m-dayrecomd-hot{ width:376px; height:514px; margin:30px 0 0 36px; background:url(../images/index-hotrecomd-bg.jpg);}
.m-dayrecomd-hot .m-dh-white{ width:324px; height:468px; padding:26px 16px 0; background:#fff; margin:10px; display:block; overflow:hidden}
.m-dayrecomd-hot .m-dh-white .m-title{ width:100%; height:auto; display:block; overflow:hidden}
.m-dayrecomd-hot .m-dh-white .m-title dt{ width:160px; height:32px; line-height:32px; font-size:18px; font-weight:normal; color:#fff; text-indent:70px; background:#000; float:left; display:inline; overflow:hidden}
.m-dayrecomd-hot .m-dh-white .m-title dd{ width:160px; height:32px; line-height:32px; font-size:18px; font-style:italic; font-weight:normal; color:#f0333a; text-transform:uppercase; float:left; text-indent:7px; display:inline; overflow:hidden}
.m-dayrecomd-hot .m-dh-white .m-dh-ul{ width:100%; height:auto; display:block; overflow:hidden}
.m-dayrecomd-hot .m-dh-white .m-dh-ul li{ width:100%; height:16px; margin:17px 0 0; display:block; overflow:hidden}
.m-dayrecomd-hot .m-dh-white .m-dh-ul li i{ width:38px; height:14px; margin:1px 0 0; float:left; display:inline; overflow:hidden}
.m-dayrecomd-hot .m-dh-white .m-dh-ul li a{ width:284px; height:16px; line-height:16px; font-size:14px; font-weight:normal; color:#000; float:left; margin:0; display:inline; overflow:hidden}
.m-dayrecomd-hot .m-dh-white .m-dh-ul li p{ width:284px; height:38px; line-height:20px; font-size:12px; font-weight:normal; color:#aaa; float:left; margin:14px 0 0 38px; display:inline; overflow:hidden}
.m-dayrecomd-hot .m-dh-white .m-dh-ul li.f-hover{ height:auto;}
.m-dayrecomd-hot .m-dh-white .m-dh-ul li.f-hover a{ color:#f0333a}

.m-dayrecomd-imgbox{ width:376px; height:514px; margin:30px 0 0 36px;}
.m-dayrecomd-imgbox .m-img-cms{ float:none; display:block;}
.m-dayrecomd-imgbox ul{ width:100%; height:auto; margin:10px 0 0; display:block; overflow:hidden}
.m-dayrecomd-imgbox ul li{ width:100%; height:auto; margin:17px 0 0; display:block; overflow:hidden}
.m-dayrecomd-imgbox ul li a{ width:100%; height:16px; line-height:16px; font-size:14px; font-weight:normal; color:#333; display:block; overflow:hidden}
.m-dayrecomd-imgbox ul li a i{ width:4px; height:4px; background:#999; float:left; margin:6px 12px 0 6px; display:inline; overflow:hidden}
.m-dayrecomd-imgbox ul li a:hover{ color:#f0333a}

.m-dayrecomd-foot{ width:100%; height:auto; margin:30px 0 0;}
.m-dayrecomd-foot a{margin:0 36px 0 0; }
.m-dayrecomd-foot a img{ width:100%; height:242px; display:block; overflow:hidden}
.m-dayrecomd-foot a strong{ width:100%; height:60px; line-height:70px; font-size:16px; font-weight:normal; color:#fff; text-align:center; background-image:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); background-image:linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); display:block; overflow:hidden; position:absolute; left:0; bottom:0; z-index:10;}
.m-dayrecomd-foot a:hover strong{ color:#f0333a}
.m-dayrecomd-foot a:nth-last-child(1){ margin:0;}

/*亲子版块*/
.m-parent-left{ width:824px; height:auto;}
.m-parent-left .m-img-cms{ margin:30px 36px 0 0;}
.m-parent-right{ width:376px; height:auto; margin:30px 0 0;}
.m-parent-right .m-parent-hot{ width:100%; height:514px; background:url(../images/index-hotrecomd-bg.jpg); display:block; overflow:hidden}
.m-parent-right .m-parent-hot .m-parent-hot-white{ width:324px; height:468px; padding:26px 16px 0; background:#fff; margin:10px; display:block; overflow:hidden}
.m-parent-right .m-parent-hot .m-parent-hot-white .m-title{ width:100%; height:auto; display:block; overflow:hidden}
.m-parent-right .m-parent-hot .m-parent-hot-white .m-title dt{ width:160px; height:32px; line-height:32px; font-size:18px; font-weight:normal; color:#fff; text-indent:70px; background:#000; float:left; display:inline; overflow:hidden}
.m-parent-right .m-parent-hot .m-parent-hot-white .m-title dd{ width:160px; height:32px; line-height:32px; font-size:18px; font-style:italic; font-weight:normal; color:#f0333a; text-transform:uppercase; float:left; text-indent:7px; display:inline; overflow:hidden}
.m-parent-right .m-parent-hot .m-parent-hot-white .m-parent-hot-top{ width:100%; height:auto; border-bottom:1px solid #ddd; padding:20px 0; display:block; overflow:hidden}
.m-parent-right .m-parent-hot .m-parent-hot-white .m-parent-hot-top img{ width:120px; height:77px; float:left; margin:0 24px 0 0; display:inline; overflow:hidden}
.m-parent-right .m-parent-hot .m-parent-hot-white .m-parent-hot-top strong{ width:180px; height:auto; max-height:44px; line-height:24px; font-size:14px; font-weight:normal; color:#000; float:left; margin:4px 0 0; display:inline; overflow:hidden}
.m-parent-right .m-parent-hot .m-parent-hot-white .m-parent-hot-top b{ width:180px; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#aaa; float:left; margin:12px 0 0; display:inline; overflow:hidden}
.m-parent-right .m-parent-hot .m-parent-hot-white .m-parent-hot-top:hover strong{ color:#f0333a}
.m-parent-right .m-parent-hot .m-parent-hot-white ul{ width:100%; height:auto; margin:7px 0 0; display:block; overflow:hidden}
.m-parent-right .m-parent-hot .m-parent-hot-white ul li{ width:100%; height:16px; margin:19px 0 0; display:block; overflow:hidden}
.m-parent-right .m-parent-hot .m-parent-hot-white ul li i{ width:40px; height:16px; line-height:16px; float:left; display:inline; overflow:hidden}
.m-parent-right .m-parent-hot .m-parent-hot-white ul li a{ width:284px; height:16px; line-height:16px; font-size:14px; font-weight:normal; color:#000; float:left; display:inline; overflow:hidden}
.m-parent-right .m-parent-hot .m-parent-hot-white ul li a:hover{ color:#f0333a}
.m-parent-right .m-parent-hot .m-parent-hot-white ul li:nth-child(1) i{ background:url(../images/index-icon-test.png) no-repeat -253px -96px;}
.m-parent-right .m-parent-hot .m-parent-hot-white ul li:nth-child(2) i{ background:url(../images/index-icon-test.png) no-repeat -253px -144px;}
.m-parent-right .m-parent-hot .m-parent-hot-white ul li:nth-child(3) i{ background:url(../images/index-icon-test.png) no-repeat -253px -193px;}
.m-parent-right .m-parent-hot .m-parent-hot-white ul li:nth-child(4) i{ background:url(../images/index-icon-test.png) no-repeat -253px -241px;}
.m-parent-right .m-parent-hot .m-parent-hot-white ul li:nth-child(5) i{ background:url(../images/index-icon-test.png) no-repeat -253px -289px;}
.m-parent-right .m-img-cms{ margin:30px 0 0 0;}
.m-parent-foot{ width:100%; height:auto; margin:30px 0 0;}
.m-parent-foot .m-img-cms{ margin:0 36px 0 0;}
.m-parent-foot .m-img-cms:nth-last-child(1){ margin:0;}
.m-parent-foot .m-class-hot{ margin:0 36px 0 0;}

/*两性知识*/
.m-bisexual-left{ width:376px; height:auto;}
.m-bisexual-left .m-img-cms{ margin:30px 0 0;}
.m-bisexual-right{ width:824px; height:auto;}
.m-bisexual-right .m-bisexual-right-ul{ width:376px; height:242px; float:left; margin:30px 0 0 36px; display:inline; overflow:hidden}
.m-bisexual-right .m-bisexual-right-ul li{ width:100%; height:auto; margin:0 0 16px 0; display:block; overflow:hidden}
.m-bisexual-right .m-bisexual-right-ul li a{ width:100%; height:16px; line-height:16px; font-size:14px; font-weight:normal; color:#000; display:block; overflow:hidden}
.m-bisexual-right .m-bisexual-right-ul li a i{ width:4px; height:4px; background:#000; float:left; margin:6px 12px 0 6px; display:inline; overflow:hidden}
.m-bisexual-right .m-bisexual-right-ul li a:hover{ color:#f0333a}
.m-bisexual-right .m-img-cms{ margin:30px 0 0 36px;}
.m-bisexual-right .m-class-hot{ margin:30px 0 0 36px;}



/*两性知识*/
.m-bisexual-left{ width:376px; height:auto;}
.m-bisexual-left .m-img-cms{ margin:30px 0 0;}
.m-bisexual-center{ width:376px; height:auto; margin:30px 0 0 36px;}

/*学历考试*/
.m-education-left{ width:376px; height:auto;}
.m-education-left .m-img-cms{ margin:30px 0 0;}
.m-education-center{ width:376px; height:auto; margin:7px 0 0 36px;}
.m-education-center .m-education-center-top{ width:100%; height:140px; padding:23px 0; border-bottom:1px solid #ddd; float:left; margin:0; display:inline; overflow:hidden}
.m-education-center .m-education-center-top .m-link-img{ width:102px; height:140px; float:left; display:inline; overflow:hidden}
.m-education-center .m-education-center-top .m-link-img img{ width:100%; height:140px; display:block; overflow:hidden}
.m-education-center .m-education-center-top dl{ width:250px; height:auto; float:left; margin:0 0 0 22px; display:inline; overflow:hidden}
.m-education-center .m-education-center-top dl dt{ width:100%; height:52px; line-height:22px; font-size:14px; font-weight:normal; color:#000; border-bottom:1px dashed #ddd; display:block; overflow:hidden}
.m-education-center .m-education-center-top dl dt a{ color:#000;}
.m-education-center .m-education-center-top dl dt a:hover{ color:#f0333a}
.m-education-center .m-education-center-top dl dd{ width:100%; height:87px; display:block; overflow:hidden}
.m-education-center .m-education-center-top dl dd a{ width:100%; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#999; margin:15px 0 0; display:block; overflow:hidden}
.m-education-center .m-education-center-top dl dd a i{ width:4px; height:4px; background:#000; float:left; margin:5px 12px 0 0; display:inline; overflow:hidden}
.m-education-center .m-education-center-top dl dd a:hover{ color:#000}
.m-education-center .m-class-hot{ margin-top:6px;}
.m-education-right{ width:376px; height:auto; margin:30px 0 0 36px;}
.m-education-right .m-education-right-hotrank{ width:100%; height:514px; padding:0; float:left; margin:30px 0 0; display:inline; overflow:hidden}
.m-education-right .m-education-right-hotrank .m-title{ width:100%; height:auto; display:block; overflow:hidden}
.m-education-right .m-education-right-hotrank .m-title dt{ width:160px; height:32px; line-height:32px; font-size:18px; font-weight:normal; color:#fff; text-indent:70px; background:#000; float:left; display:inline; overflow:hidden}
.m-education-right .m-education-right-hotrank .m-title dd{ width:160px; height:32px; line-height:32px; font-size:18px; font-style:italic; font-weight:normal; color:#f0333a; text-transform:uppercase; float:left; text-indent:7px; display:inline; overflow:hidden}
.m-education-right .m-education-right-hotrank .m-education-right-tab{ display:block; overflow:hidden}
.m-education-right .m-education-right-hotrank .m-education-right-hotrank-btn{ width:374px; height:48px; border:1px solid #ddd; display:block; overflow:hidden}
.m-education-right .m-education-right-hotrank .m-education-right-hotrank-btn li{ width:auto; height:48px; float:left; margin:0 0 0 20px; display:inline; overflow:hidden;cursor:pointer}
.m-education-right .m-education-right-hotrank .m-education-right-hotrank-btn li strong{ width:auto; height:42px; line-height:48px; font-size:14px; font-weight:normal; color:#000; padding:0 6px; display:block; overflow:hidden;}
.m-education-right .m-education-right-hotrank .m-education-right-hotrank-btn .f-hover strong{ border-bottom:6px solid #f0333a; color:#f0333a}
.m-education-right .m-education-right-hotrank .m-education-right-hotrank-cont{ width:100%; height:auto; margin:0; display:block; overflow:hidden}
.m-education-right .m-education-right-hotrank .m-education-right-hotrank-cont li{ width:100%; height:16px; margin:17px 0 0; display:block; overflow:hidden}
.m-education-right .m-education-right-hotrank .m-education-right-hotrank-cont li i{ width:38px; height:14px; margin:1px 0 0; float:left; display:inline; overflow:hidden}
.m-education-right .m-education-right-hotrank .m-education-right-hotrank-cont li a{ width:284px; height:16px; line-height:16px; font-size:14px; font-weight:normal; color:#000; float:left; margin:0; display:inline; overflow:hidden}
.m-education-right .m-education-right-hotrank .m-education-right-hotrank-cont li p{ width:284px; height:38px; line-height:20px; font-size:12px; font-weight:normal; color:#aaa; float:left; margin:14px 0 0 38px; display:inline; overflow:hidden}
.m-education-right .m-education-right-hotrank .m-education-right-hotrank-cont li.f-hover{ height:auto;}
.m-education-right .m-education-right-hotrank .m-education-right-hotrank-cont li.f-hover a{ color:#f0333a}

/*职业资格*/
.m-occupation-cms{ width:376px; height:80px; padding:20px 0; margin:0 0 0 5px; float:left; border-bottom:1px dashed #ddd; display:inline; overflow:hidden;}
.m-occupation-cms img{ width:72px; height:72px; border:4px solid #ccc; border-radius:100%; float:left; margin:0 20px 0 0; display:inline; overflow:hidden}
.m-occupation-cms strong{ width:270px; height:18px; line-height:18px; font-size:16px; font-weight:normal; color:#000; float:left; margin:6px 0 0; display:inline; overflow:hidden}
.m-occupation-cms p{ width:270px; height:44px; line-height:24px; font-size:12px; font-weight:normal; color:#aaa; float:left; margin:11px 0 0; display:inline; overflow:hidden}
.m-occupation-cms:hover img{ border-color:#f0333a}
.m-occupation-cms:hover strong{ color:#f0333a}
.m-occupation-box{}
.m-occupation-left{ width:376px; height:auto;}
.m-occupation-left .m-img-cms{ height:auto; margin:30px 0 0; padding:0; position:relative; zoom:1}
.m-occupation-left .m-img-cms strong{}
.m-occupation-left .m-img-cms p{ width:93px; height:40px; line-height:40px; background:url(../images/index-icon-test.png) no-repeat -500px 0; font-size:16px; font-weight:normal; color:#fff; text-indent:18px; display:block; overflow:hidden; position:absolute; left:0; top:7px; z-index:10;}
.m-occupation-left .m-img-cms img{ height:218px;}


.m-occupation-center{ width:376px; height:auto; margin:9px 0 0 36px;}
.m-occupation-center .m-occupation-center-cont{ width:100%; height:119px; padding:20px 0; border-bottom:1px solid #ddd; display:block; overflow:hidden}
.m-occupation-center .m-occupation-center-cont dt{ width:60px; height:119px; background:url(../images/index-icon-test.png) no-repeat 0 -179px;  float:left; margin:0; display:table; overflow:hidden}
.m-occupation-center .m-occupation-center-cont dt strong{ width:auto; height:auto;line-height:22px; font-size:18px; font-weight:bold; color:#fff; text-align:center; padding:0 20px; display:table-cell; overflow:hidden; vertical-align:middle}
.m-occupation-center .m-occupation-center-cont dd{ width:290px; height:auto; float:left; margin:0 0 0 24px; display:inline; overflow:hidden}
.m-occupation-center .m-occupation-center-cont dd a{ width:100%; height:14px; line-height:14px; font-size:12px; font-weight:normal; color:#000; float:left; margin:5px 0 11px; display:inline; overflow:hidden;}
.m-occupation-center .m-occupation-center-cont dd a i{ width:4px; height:4px; background:#000; float:left; margin:5px 12px 0 0; display:inline; overflow:hidden}
.m-occupation-center .m-occupation-center-cont dd a:hover{ color:#f0333a}
.m-occupation-center .m-occupation-center-cont:nth-child(2) dt{ background-position:0 -304px;}
.m-occupation-center .m-occupation-center-cont:nth-child(3) dt{ background-position:0 -429px;}
.m-occupation-center .m-occupation-center-cont:nth-child(4) dt{ background-position:0 -554px;}
.m-occupation-right{ width:376px; height:auto; margin-left:36px;}
.m-occupation-right .m-img-cms{ height:auto; margin:30px 0 0; padding:0; position:relative; zoom:1}
.m-occupation-right .m-img-cms strong{ left:5px;}
.m-occupation-right .m-img-cms p{ width:93px; height:40px; line-height:40px; background:url(../images/index-icon-test.png) no-repeat -500px 0; font-size:16px; font-weight:normal; color:#fff; text-indent:18px; display:block; overflow:hidden; position:absolute; left:0; top:7px; z-index:10;}
.m-occupation-right .m-img-cms img{ height:218px;}

.m-occupation-foot{ width:100%; height:auto; margin:30px 0 0; display:block; overflow:hidden}
.m-occupation-foot .m-img-cms{ width:140px; height:auto; margin:0 72px 0 0;}
.m-occupation-foot .m-img-cms img{ width:100%; height:185px; display:block; overflow:hidden;}
.m-occupation-foot .m-img-cms strong{ height:46px; line-height:24px; font-size:16px; font-weight:normal; color:#555; margin:15px 0 0; position:relative; background:none; text-align:left}
.m-occupation-foot .m-img-cms:nth-last-child(1){ margin:0;}

/*网络热点*/
.m-network-top{ width:100%; height:auto; margin:30px 0 0;}
.m-network-top .m-network-top-showppt{ width:788px; height:514px; float:left; display:inlnie; overflow:hidden; position:relative; zoom:1}
.m-network-top .m-network-top-showppt .m-network-top-showppt-cont{ width:100%; height:514px; display:block; overflow:hidden; position:relative; zoom:1;}
.m-network-top .m-network-top-showppt .m-network-top-showppt-cont li{ width:341px; height:466px; display:block; overflow:hidden; position:absolute; left:0; top:24px; z-index:10; opacity:1}
.m-network-top .m-network-top-showppt .m-network-top-showppt-cont li b{ width:100%; height:100%; background:rgba(0,0,0,.5); display:block; overflow:hidden; position:absolute; left:0; top:0; z-index:30;}
.m-network-top .m-network-top-showppt .m-network-top-showppt-cont li a{ width:100%; height:100%; display:block; overflow:hidden;}
.m-network-top .m-network-top-showppt .m-network-top-showppt-cont li a img{ width:100%; height:100%; display:block; overflow:hidden}
.m-network-top .m-network-top-showppt .m-network-top-showppt-cont li a strong{ width:100%; height:100px; line-height:70px; background-image:-webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); background-image:linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,1)); font-size:18px; font-weight:bold; color:#fff; text-align:center; text-shadow:2px 2px 4px #000; display:none; overflow:hidden; position:absolute; left:0; bottom:0; z-index:10;}
.m-network-top .m-network-top-showppt .m-network-top-showppt-cont li a i{ width:319px; height:444px; border:1px solid #fff; display:none; overflow:hidden; position:absolute; left:8px; top:11px; z-index:20;}
.m-network-top .m-network-top-showppt .m-network-top-showppt-cont li:nth-child(2){ width:376px; height:514px; left:206px; top:0; z-index:50}
.m-network-top .m-network-top-showppt .m-network-top-showppt-cont li:nth-child(2) b{ display:none}
.m-network-top .m-network-top-showppt .m-network-top-showppt-cont li:nth-child(2) a i{ width:358px; height:490px}
.m-network-top .m-network-top-showppt .m-network-top-showppt-cont li:nth-child(2) a strong{ display:block}
.m-network-top .m-network-top-showppt .m-network-top-showppt-cont li:nth-child(2) a i{ display:block;}
.m-network-top .m-network-top-showppt .m-network-top-showppt-cont li:nth-child(3){ left:447px;}
.m-network-top .m-network-top-showppt .m-network-top-showppt-cont li:nth-last-child(1){width:376px; height:514px; left:206px; top:0; z-index:40; opacity:0;}

.m-network-top .m-network-top-showppt .m-network-top-showppt-page{ width:100%; height:auto; position:absolute; left:0; bottom:26px; z-index:60; display:flex; justify-content:center; overflow:hidden;}
.m-network-top .m-network-top-showppt .m-network-top-showppt-page li{ width:20px; height:10px; background:#fff; border-radius:6px; display:block; overflow:hidden; margin:0 8px; cursor:pointer}
.m-network-top .m-network-top-showppt .m-network-top-showppt-page li.f-hover{ background:#f0333a}
.m-network-top .m-network-top-showppt .m-network-top-showppt-leftbtn{ width:42px; height:42px;display:block; overflow:hidden; position:absolute; left:12px; top:236px; z-index:50; cursor:pointer; opacity:.5}
.m-network-top .m-network-top-showppt .m-network-top-showppt-leftbtn span{ width:26px; height:26px; border-top:3px solid #fff; border-left:3px solid #fff; transform:rotate(-45deg); display:block; overflow:hidden; position:absolute; left:15px; top:7px;}
.m-network-top .m-network-top-showppt .m-network-top-showppt-rightbtn{ width:42px; height:42px;display:block; overflow:hidden; position:absolute; right:12px; top:236px; z-index:50; cursor:pointer; opacity:.5}
.m-network-top .m-network-top-showppt .m-network-top-showppt-rightbtn span{ width:26px; height:26px; border-top:3px solid #fff; border-left:3px solid #fff; transform:rotate(135deg); display:block; overflow:hidden; position:absolute; left:0; top:7px;}
.m-network-top .m-network-top-showppt .m-network-top-showppt-leftbtn:hover{ opacity:1}
.m-network-top .m-network-top-showppt .m-network-top-showppt-rightbtn:hover{ opacity:1}
.m-network-top .m-network-top-dayhot{ width:376px; height:514px; margin:0 0 0 36px; background:url(../images/index-hotrecomd-bg.jpg);}
.m-network-top .m-network-top-dayhot .m-dh-white{ width:324px; height:468px; padding:26px 16px 0; background:#fff; margin:10px; display:block; overflow:hidden}
.m-network-top .m-network-top-dayhot .m-dh-white .m-title{ width:100%; height:auto; display:block; overflow:hidden}
.m-network-top .m-network-top-dayhot .m-dh-white .m-title li{ width:160px; height:32px; line-height:32px; font-size:18px; font-weight:normal; color:#000; text-indent:70px; background:#fff; float:left; display:inline; overflow:hidden; cursor:pointer}
.m-network-top .m-network-top-dayhot .m-dh-white .m-title .f-hover{ background:#000; color:#fff;}
.m-network-top .m-network-top-dayhot .m-dh-white .m-title li:nth-child(2){ text-indent:24px;}
.m-network-top .m-network-top-dayhot .m-dh-white .m-dh-ul{ width:100%; height:auto; display:block; overflow:hidden}
.m-network-top .m-network-top-dayhot .m-dh-white .m-dh-ul li{ width:100%; height:16px; margin:17px 0 0; display:block; overflow:hidden}
.m-network-top .m-network-top-dayhot .m-dh-white .m-dh-ul li i{ width:38px; height:14px; margin:1px 0 0; float:left; display:inline; overflow:hidden}
.m-network-top .m-network-top-dayhot .m-dh-white .m-dh-ul li a{ width:284px; height:16px; line-height:16px; font-size:14px; font-weight:normal; color:#000; float:left; margin:0; display:inline; overflow:hidden}
.m-network-top .m-network-top-dayhot .m-dh-white .m-dh-ul li p{ width:284px; height:38px; line-height:20px; font-size:12px; font-weight:normal; color:#aaa; float:left; margin:14px 0 0 38px; display:inline; overflow:hidden}
.m-network-top .m-network-top-dayhot .m-dh-white .m-dh-ul li.f-hover{ height:auto;}
.m-network-top .m-network-top-dayhot .m-dh-white .m-dh-ul li.f-hover a{ color:#f0333a}
.m-network-foot{ width:100%; height:auto; margin:30px 0 0;}
.m-network-foot .m-img-cms{ height:auto; margin:0 36px 0 0;}
.m-network-foot .m-img-cms img{ height:218px;}
.m-network-foot .m-img-cms:nth-last-child(1){ margin:0;}
.m-network-foot .m-class-hot{ height:218px; margin:0 36px 0 0;}

.m-elementary{ width:376px; height:auto; margin:30px 36px 0 0;}
.m-elementary .m-project-title{ width:100%; height:auto; display:block; overflow:hidden}
.m-elementary .m-project-title strong{ width:160px; height:32px; line-height:32px; font-size:18px; font-weight:normal; color:#fff; text-indent:71px; background:#000; float:left; display:inline; overflow:hidden}
.m-elementary .m-project-title b{ width:140px; height:32px; line-height:32px; font-size:16px; font-weight:normal; color:#f0333a; font-style:italic; text-indent:7px; float:left; display:inline; overflow:hidden;text-transform: uppercase;}
.m-elementary .m-project-title a{ width:auto;height:32px; line-height:32px; font-size:14px; font-weight:normal; color:#000;  float:right; display:inline; overflow:hidden;text-transform: uppercase;}

.m-elementary .m-img-cms{ margin-top:20px; float:none; display:block;}
.m-elementary .m-img-cms img{ height:218px;}
.m-elementary .m-projcet-ul{ display:block; overflow:hidden;}
.m-elementary .m-projcet-ul li{ width:100%; height:16px; line-height:16px; font-size:14px; font-weight:normal; color:#aaa; display:block; overflow:hidden; margin:20px 0 0;}
.m-elementary .m-projcet-ul li a{ width:316px; height:16px; line-height:16px; float:left; display:inline; overflow:hidden}
.m-elementary .m-projcet-ul li b{ width:60px; font-weight:normal; font-size:12px; float:left; text-align:right;}
.m-elementary .m-projcet-ul li p{ display:none}
.m-elementary .m-projcet-ul li.f-hover{ height:auto; padding:20px 0; margin:0; border-bottom:1px solid #ddd;}
.m-elementary .m-projcet-ul li.f-hover a{ color:#f0333a}
.m-elementary .m-projcet-ul li.f-hover p{ width:100%; height:38px; line-height:20px; font-size:12px; font-weight:normal; color:#aaa; float:left; margin:12px 0 0; display:inline; overflow:hidden;}
.m-elementary:nth-last-child(1){ margin-right:0;}

/*友情链接*/
.g-friend-box{ padding:30px 0 0;}
.g-friend-box dt{ width:100%; height:26px; line-height:26px; font-size:24px; font-weight:bold; color:#000; display:block; overflow:hidden}
.g-friend-box dt span{ font-weight:normal; color:#f0333a; padding:0 0 0 16px; text-transform:uppercase; font-style:italic}
.g-friend-box dd{ width:100%; height:auto; display:block; overflow:hidden; margin:12px 0 0;}
.g-friend-box dd a{ width:auto; height:16px; line-height:16px; font-size:14px; font-weight:normal; color:#333; float:left; margin:18px 24px 0 0; display:inline; overflow:hidden}
.g-friend-box dd a:hover{ color:#f0333a}