/* CSS Document */
html{font-size:62.5%;}  
*{padding:0;margin:0}
ul,li{list-style:none;}
img{border:None;}
body{font-size:100%;font-size:16px;font-size:1.6rem;background-color:#fff;font-family:"微软雅黑";line-height:24px;color:#333;text-align:center;}
a{color:#333;text-decoration:none;}
a:hover{color:#eb4848;}
.fl{float:left;}
.fr{float:right;}
.clear{ clear:both; overflow:hidden; height:0;}


#wrap{margin:0 auto;}
#top{height:600px;margin:0 auto;background:url(../image/topbg.png) center top no-repeat;}
#content{margin:0px auto;}
#bottom{line-height:150%;padding:10px;background:#333333;text-align:center; color:#fff; font-size:16px; margin-top:40px;}


#top .logo{margin:0 auto;text-align:center;padding:150px 0 50px 0;}
#top .logo2{margin:0 auto;padding:0;}
#top .logo_wap{display:none;}

/*首页样式*/
.main_box{clear:both;width:1200px;margin:30px auto 0px auto;overflow:hidden;}
.mt30{margin-top:30px;}

.in_title{width:100%;height:52px;margin:0 auto 35px auto;line-height:52px;font-size:24px;font-weight:bold;text-align:center;}

.c_blue{background:url(../image/tit_bg1.png) center no-repeat;color:#35a7e2;}
.c_blue a{color:#35a7e2;}

.c_yellow{background:url(../image/tit_bg2.png) center no-repeat;color:#e99d3b;}
.c_yellow a{color:#e99d3b;}

.c_purple{background:url(../image/tit_bg3.png) center no-repeat;color:#7792e9;}
.c_purple a{color:#7792e9;}

.c_green{background:url(../image/tit_bg4.png) center no-repeat;color:#519e1f;}
.c_green a{color:#519e1f;}

.c_red{background:url(../image/tit_bg5.png) center no-repeat;color:#e85b5b;}
.c_red a{color:#e85b5b;}

.c_cyan{background:url(../image/tit_bg6.png) center no-repeat;color:#4ad7c7;}
.c_cyan a{color:#4ad7c7;}

.xqgk{height:380px;background:#ebf2f8; overflow:hidden;}
.xqgk .tp{float:left;width:600px;height:380px;}
.xqgk .tp a{width:600px;height:380px;display:block;position:relative;}
.xqgk .tp img{width:600px;height:380px;z-index:98;}

.xqgk .tp .play{position:absolute;top:50%;left:50%;width:115px;height:115px; margin-left:-75px;margin-top:-75px;z-index:99;background:url(../image/iocn_play.png) center no-repeat;}

.xqgk .test{float:right;width:510px;padding:40px 50px 40px 0; line-height:36px; text-align:left; text-indent:2em;text-align:justify; text-justify:inter-ideograph;}


.bg1{background:#f8f5eb;}
.bg2{background:#f5f9f1;}
.main_box2{padding:40px 0;}

.tszy{overflow:hidden;height:auto;position:relative;}
.tszy dl{float:left;width: auto;height:auto;}
.tszy dt{float:left;display:inline-block;width:300px;height:200px;text-align:center;position:relative;}
.tszy dt img{width:280px;height:200px;}
.tszy dd{display:none;}
.tszy dl:hover{height:350px;}
.tszy dl:hover dt a{position:absolute;top:0px;left:0px;width:300px;height:223px;background:url(../image/tjiao.png) bottom center no-repeat;z-index:999;}
.tszy dl:hover dt img{border:1px #e99d3b solid;width:278px;height:198px;}
.tszy dl:hover dd{display:block;width:1098px;margin:0;padding:20px 40px;position:absolute;top:220px;left:10px;border:1px #e99d3b solid; background:#FFF; text-align:left; line-height:180%;z-index:998;}
.tszy dl:hover dd .more{display:none;}

.jujiao{overflow:hidden}
.jujiao dl{float:left;margin-left:30px;display:inline-block;width:340px;height:225px;padding:20px;background:#f4f4f4;overflow:hidden;}
.jujiao dl:first-child{margin-left:0;}
.jujiao dt{font-size:18px;font-weight:bold;line-height:34px; margin-bottom:10px;height:68px; text-align:left;overflow:hidden;}
.jujiao dd{font-size:14px;line-height:28px; text-align:left;}
.jujiao dd .more{display:none;}

.jujiao dl:hover{background:#7792e9;color:#FFF;}
.jujiao dl a:hover{color:#FFF;}
.jujiao dl:hover a{color:#FFF;}

/*.jujiao dl:first-child{background:#7792e9;color:#FFF;}
.jujiao dl:first-child a{color:#FFF;}
.jujiao dl:first-child:hover{background:#859ff4;}*/

.ywgl{margin:auto;}
.ywgl li{float:left;/*padding:0 70px;width:160px;*/width:25%;height:160px;text-align:center;background:url(../image/icon_bg.png) center no-repeat;}
.ywgl li span{ display:block;}
.ywgl li .img_pic{padding:50px 0 25px 0;}
.ywgl li .img_title{font-size:24px;color:#333; font-weight:bold;}
.ywgl li .img_pic:hover img{-webkit-transition: -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out;transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}

.mllh .bd{ height: 520px; overflow: hidden;}
.mllh .bd li{ position: relative; height: 520px;}
.mllh .bd li a{ display: block; position: absolute; overflow: hidden; color: #fff; font-size: 18px;}
.mllh .bd li a img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: 0.4s all;}
.mllh .bd li a span.img_title{display: block; cursor: pointer; width: 96%; padding: 0 2%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 70px; text-align: center; line-height: 70px; background: url("../image/black50.png"); position: absolute; left: 0; bottom: -70px; z-index: 1; transition: 0.4s all;}
.mllh .bd li a:hover span.img_title{ bottom: 0;}
.mllh .bd li a:hover img{ width: 105%; height: 105%; top: -2.5%; left: -2.5%;}
.mllh .bd li a.num1,.mllh .bd li a.num6,.mllh .bd li a.num11{left: 0; top: 0; height: 520px; width: 340px;}
.mllh .bd li a.num2,.mllh .bd li a.num7,.mllh .bd li a.num12{left: 351px; top: 0; width: 276px; height: 230px;}
.mllh .bd li a.num3,.mllh .bd li a.num8,.mllh .bd li a.num13{left: 637px; top: 0; width: 276px; height: 230px;}
.mllh .bd li a.num4,.mllh .bd li a.num9,.mllh .bd li a.num14{right: 0; top: 0; height: 230px; width: 277px;}
.mllh .bd li a.num5,.mllh .bd li a.num10,.mllh .bd li a.num15{right: 0; bottom: 0; height: 280px; width: 849px;}
.mllh .hd{ margin-top: 20px; height: 13px; text-align: center;}
.mllh .hd li{ display:inline;}
.mllh .hd li span{display: inline-block; width: 13px; overflow: hidden; text-indent: -20em; cursor: pointer; height: 13px; vertical-align: top; *vertical-align: middle; margin: 0 13px; background:url("../image/flibg.png") 0 0 no-repeat;}
.mllh .hd li.on span{ background-position: -13px 0;}

.mllh_wap{ display:none;}

/*二级列表页样式*/
.loc{width:1200px;margin:auto;font-size:14px;color:#333;padding:10px;line-height:150%;text-align: left; background:#fff;border-bottom:1px #eee solid;}
.loc a{font-size:14px;color:#333;}
.loc a:hover{color:#333;}

#listmain{width:1200px;min-height:300px;background:#fff;margin:auto;padding-top:20px;}

.alist{padding:20px 10px;}
.alist .article{width:98%;font-size:16px;margin:0 auto;padding:0; text-align:left;}
.alist tr td{padding:0 0 10px 0;margin:0;vertical-align:top;}
.alist .arlisttd{line-height:30px;}
.alist .ardot{width:15px;padding-top:0px;}
.alist .timedefault{font-size:13px;color:#555;width:100px;text-align:right;padding-top:2px;}

.plist{margin:0 auto;}
.plist li{float:left;width:360px;height:240px;margin:20px 0 0 30px;position:relative;}
.plist li img{width:360px;height:240px;}
.plist div{height:37px; position:absolute;bottom:0;left:0; line-height:37px;}
.plist p{display:none;position:absolute;bottom:0;left:0;height:37px; line-height:37px; width:97.1%; left:0; background:#000; -moz-opacity: 0.8; /* FF 3.5以下 */ opacity: 0.8; /* FF 3.5及以上 */filter: alpha(opacity=80); /* IE6及以上 */color:#fff; font-size:16px;padding-left:3%;}
.plist p a{color:#fff;font-size:16px;}


/*文章页样式*/
#artmain{width:1160px;padding:0 20px;margin:0 auto;background:#fff;}
#artmain .mtitle{font-size:22px;margin:0 auto; color:#000; text-align:center; font-family:"微软雅黑";font-size:22px; line-height:150%;padding-top:25px;}
 
#artmain .source{font-family:"宋体";font-size:12px;padding:10px 0;color:#555; border-bottom:1px #ddd dotted;}
#zoom{font-size:16px; line-height:32px;text-align:left;padding:30px 30px 0;text-align:justify; text-justify:inter-ideograph;}
#zoom a{color:#000; text-decoration:underline}
#zoom table{ margin:auto;}
#zoom p{margin:0; padding:5px 0;border:0;text-align:justify; text-justify:inter-ideograph;}
#zoom img{ max-width:750px;_width:expression(document.body.clientWidth > 750 ? "750px" : "auto"); margin:5px auto 0px auto; text-align:center;}


/*自适样式*/
@media screen and (max-device-width:1200px){
#top{background-size:150% 100%;}
#top .logo{padding:150px 0 30px 0;}
#top .logo img{width:98%;}
#top .logo2 img{width:98%;}

#bottom p{font-size: 1.2rem;}
#content{margin:0;}

.main_box{width:100%;}

.xqgk{height:auto;}
.xqgk .tp{width:50%;height:380px;}
.xqgk .tp a{width:100%;height:auto;}
.xqgk .tp img{width:100%;height:auto;}
.xqgk .test{width:46%;padding:20px 2%;}


.tszy dl{float:left;width:25%;height:auto;}
.tszy dt{float:none;width:100%;height:auto;text-align:center;}
.tszy dt img{width:96%;height:auto;}
.tszy dd{display:none;}
.tszy dl:hover{height:auto;}
.tszy dl:hover dt a{position:static;width:100%;height:auto;background:none;}
.tszy dl:hover dt img{border:none;width:96%;height:auto;}
.tszy dl:hover dd{display:none;}

.jujiao{width:98%;margin: auto;}
.jujiao dl{float:left;width:96%;height:auto;padding:2%; margin:0 0 10px 0;}
.jujiao dl:first-child{margin-left:0;}
.jujiao dt{width:100%; height:auto;font-size:1.8rem;}
.jujiao dd{width:100%; font-size:1.5rem;}

.hidden-xs{ display:none;}
.mllh_wap{display: block;}
.mllh_wap ul{width:98%;margin:0 auto; overflow:hidden;}
.mllh_wap ul li{float:left;width:25%;height:200px;margin-bottom:10px;text-align:center;overflow:hidden;position:relative;}
.mllh_wap ul li img{width:98%;height:200px;}
.mllh_wap ul li a{display:block;color: #fff; font-size:16px;}
.mllh_wap ul li p{display:none}

.mllh_wap ul li:hover p{ display:block;position:absolute;left:1%;bottom:0;cursor: pointer;width:98%;padding:0;overflow: hidden;white-space: nowrap; text-overflow: ellipsis; height:50px;line-height:50px;background: url("../image/black50.png"); z-index: 1; transition: 0.4s all;}

.mllh_wap ul li.num5,.mllh_wap ul li.num10{width:100%;}
.mllh_wap ul li.num5 img,.mllh_wap ul li.num10 img{width:100%;height:100%;}
.mllh_wap ul li.num5 p,.mllh_wap ul li.num10 p{left:0;width:100%;}

#listmain{width:auto;padding-top:5px;}
#artmain{width: auto;padding:0;}
#zoom{padding:15px 10px;}
.loc{width:98%;padding:10px 1%;}

}

@media screen and (max-device-width:812px){
#top{height:430px;}
#top .logo{padding-top:100px;}

.xqgk{height:auto;}
.xqgk .tp{float:none;width:100%;max-width:600px;text-align:center;margin:auto;}
.xqgk .test{float:none;width:96%;padding:10px 2% 25px 2%; font-size:1.5rem; line-height:200%;}

.tszy dl{width:50%; margin-bottom:5px;}
.tszy dt{width:100%;}
.tszy dt img{width:96%;}

.mllh_wap ul li{width:50%;}

.alist .timedefault{display:none;}
}
@media screen and (max-device-width:768px){
#listmain img{max-width: 100%;}
#zoom img{width:100%;}

}

@media screen and (max-device-width:640px){
.ywgl li{width:50%; margin-bottom:25px;}

#top .logo2{display:none;padding:0;}
#top .logo_wap{display:block;text-align:center;}

}

@media screen and (max-device-width:568px){
.in_title{font-size:22px;}
.xqgk .tp{width:90%;}

#top{height:400px;}
#top .logo{padding:75px 0 15px 0;}
#top .logo_wap img{width:96%; height:auto;}
}
@media screen and (max-device-width: 414px){
#top{height:260px;}
#top .logo{padding:40px 0 10px 0;}

#bottom p{font-size: 1.2rem;}

.mllh_wap ul li{height:150px;}
.mllh_wap ul li img{height:150px;}
.mllh_wap ul li.num5,.mllh_wap ul li.num10{height:auto;}
.mllh_wap ul li.num5 img,.mllh_wap ul li.num10 img{height:100%;}

.loc{padding:4px 1%;width: 98%; display:none;}
.alist{padding:0px 10px;}
.alist .arlisttd{line-height:20px;}
.alist{padding-bottom: 0;}
.alist tr td a{font-size:1.4rem;}

#artmain .mtitle{font-size: 2rem;padding-top:10px;}
#zoom{font-size: 1.4rem;line-height: 24px;}


}

@media screen and (max-device-width: 375px){
#top{height:230px;}

}
@media screen and (max-device-width: 320px){
.alist tr td a{font-size:1.4rem;}
.tszy dl{width:100%;}
.tszy dt{width:96%;}
.tszy dt img{width:90%;}
}