@charset "utf-8";
/* CSS Document */
/*初始化  reset*/
body,button,dd,dl,dt,form,h1,h2,h3,h4,h5,h6,hr,input,li,ol,p,td,textarea,th,ul{margin:0;padding:0; list-style:none; border:none;}
body,button,input,select,textarea{font:14px/1.5 "微软雅黑",sans-serif; color:#333}
h1,h2,h3,h4,h5,h6{font-size:100%}
em,i{font-style:normal}
ol,ul{list-style:none}
a{text-decoration:none; color:#606060;}
img{border:0; display:block;}
textarea{resize:none;}
a,input,button,select,textarea{outline:none;}
a,button{cursor:pointer;}
/*清除浮动*/
.clearfix:before,.clearfix:after{display:table;content:"";}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
*html .clearfix { height: 1%; }
.clearfix { display: block; }
*+html .clearfix { min-height: 1%; }
@media screen and (min-width: 980px) {
/*-----------------------------------------------------导航*/
.nav{ width:100%; height:60px; background:#0174b7;}
.nei{ width:1200px; margin:auto; overflow:hidden;}
.nei p{ float:left; width:240px; height:60px;}
.nei p img{ width:100%; margin-top:10px;}
.nei ul{ width:600px; float:left;}
.nei ul li{ float:left; font-size:16px; line-height:60px; margin:0 10px;}
.nei ul li a{ color:#FFF}
.nei ul li a:hover{ text-decoration:underline;}
.anniu{ display:inline-block; float:right; margin-top:15px;}
.anniu a{ color:#FFF; display:inline-block; width:60px; height:30px; border:1px solid #7ab0d2; border-radius:5px; text-align:center; line-height:30px; margin:0 5px;}
.anniu a:hover{ background:#00d4fd;}
/*-----------------------------------------------------banner*/
.banner{ width:100%; background:#1a1c28; }
.banner p{ width:100%; margin:auto;}
.banner p img{ width:100%;}
.banner01{ display:none;}
/*-----------------------------------------------------热门推荐*/
.remen{ width:100%; background:#F7F7F7; height:405px;}
.con{ width:1200px; margin:auto; overflow:hidden;}
.con p{ text-align:center; font-size:24px; padding:10px 0; margin-bottom:15px; border-bottom:1px solid #0174b7;}
.con dl{ width:370px; height:320px; background:#FFF; float:left; margin:0 15px;}
.con dl:hover{ cursor:pointer;-moz-box-shadow:2px 2px 5px #0174b7; -webkit-box-shadow:2px 2px 5px #0174b7; box-shadow:2px 2px 5px #ccc; color:#0174b7!important;}
.ewm{ width:370px; height:124px; background:#000; display:block; text-align:center; margin:auto; font-size:16px; color:#FFF;background-color:rgba(0,0,0,0.7); position:absolute; font-weight:bold; display:none;opacity:0; padding-top:14px; }
.ewm:hover{transition:all 0.4s;opacity:1;}
.ewm img{ width:30%!important; margin:auto;}
.con dl dt{ width:310px; height:150px; overflow:hidden; padding:15px 30px; margin-bottom:2px;}
.con dl dt a{ display:block; font-size:18px; text-align:center; margin-bottom:10px; font-weight:bold;}
.con dl dt a:hover{ color:#0174b7}
.con dl dt span{ line-height:24px; color:#6e6e6e;}
.con dl dd{ width:370px; overflow:hidden; }
.con dl dd img{ width:100%;}
/*-----------------------------------------------------直播*/
.zhibo{ width:100%; overflow:hidden;}
.con01{ width:1200px; margin:auto; overflow:hidden;}
.con01 p{ text-align:center; font-size:24px; padding:10px 0; margin-bottom:15px; border-bottom:1px solid #0174b7;}
.con01 dl{ width:1200px; overflow:hidden; height:300px; margin-bottom:30px;}
.con01 dl:hover{cursor:pointer;-moz-box-shadow:2px 2px 5px #333333; -webkit-box-shadow:2px 2px 5px #333333; box-shadow:2px 2px 5px #ccc; color:#0174b7;}
.con01 dl dt{ width:800px; float:left; height:300px; overflow:hidden;}
.con01 dl dt img{ width:100%;}

.ewm01{ width:800px; height:250px; background:#000; display:block; text-align:center; margin:auto; font-size:16px; color:#FFF;background-color:rgba(0,0,0,0.7); position:absolute; font-weight:bold; display:none;opacity:0; padding-top:50px; }
.ewm01:hover{transition:all 0.4s;opacity:1;}
.ewm01 img{ width:20%!important; margin:auto;}

.con01 dl dd{ width:320px; height:220px; background:#F7F7F7; float:left; padding:40px;position:relative}
.jiao{ position:absolute; right:0; top:0;}
.con01 dl dd strong{ display:block; font-size:18px; text-align:center; margin-bottom:10px;}
.con01 dl dd a:hover{ color:#0174b7}

.con01 dl dd span{ line-height:24px; color:#6e6e6e; display:inline-block;}
.time{ position:absolute; bottom:20px;}
.con01 dl dd div span{ color:#999; margin-right:50px;}
.con01 dl dd div a{ display:inline-block; float:right; color:#0074b7; width:100px; height:30px; border:1px solid #0074b7; border-radius:5px; text-align:center; line-height:30px; margin:0 5px;}
.con01 dl dd div a:hover{ background:#0074b7; color:#FFF;}
.more{display:block; background:#EBEBEB; width:200px; height:46px; border-radius:50px; text-align:center; line-height:46px; margin:auto; color:#333}
.more:hover{ background:#0074b7; text-decoration:none; color:#FFF!important;}
/*-----------------------------------------------------底部*/
.footer{ width:100%; height:50px; background:#333; text-align:center; line-height:50px; margin-top:50px;}
.footer p{ color:#FFF;}
}
@media screen and (max-width:979px) {
/*-----------------------------------------------------导航*/
.nav{ width:100%; height:46px; background:#0174b7;}
.nei{ width:100%; margin:auto; overflow:hidden;}
.nei p{ float:left; width:180px; height:46px;}
.nei p img{ width:100%; margin-top:6px; margin-left:5px;}
.nei ul{ width:600px; float:left; display:none;}
.nei ul li{ float:left; font-size:16px; line-height:60px; margin:0 10px;}
.nei ul li a{ color:#FFF}
.anniu{ display:inline-block; float:right; margin-top:8px;}
.anniu a{ color:#FFF; display:inline-block; width:60px; height:30px; border:1px solid #7ab0d2; border-radius:5px; text-align:center; line-height:30px; margin:0 5px;}
/*-----------------------------------------------------banner*/
.banner{ width:100%; background:#1a1c28; display:none;}
.banner p{ width:100%; margin:auto;}
.banner p img{ width:100%;}
.banner01 img{ width:100%;}
/*-----------------------------------------------------热门推荐*/
.remen{ width:96%; padding:2%; background:#F7F7F7; overflow:hidden}
.con{ width:100%; margin:auto; overflow:hidden;}
.con p{ text-align:center; font-size:24px; padding:15px 0; color:#0174b7; font-weight:bold;}
.con dl{ width:100%; background:#FFF; margin-bottom:20px;}
.con dl:hover{ cursor:pointer;-moz-box-shadow:2px 2px 5px #333333; -webkit-box-shadow:2px 2px 5px #333333; box-shadow:2px 2px 5px #ccc;}

.ewm{ width:96%; background:#000; display:block; text-align:center; margin:auto; font-size:16px; color:#FFF;background-color:rgba(0,0,0,0.7); position:absolute; font-weight:bold; display:none;opacity:0; padding:14px 0; }
.ewm:hover{transition:all 0.4s;opacity:1;}
.ewm img{ width:30%!important; margin:auto;}

.ewm01{ width:96%; background:#000; display:block; text-align:center; margin:auto; font-size:16px; color:#FFF;background-color:rgba(0,0,0,0.7); position:absolute; font-weight:bold; display:none;opacity:0; padding:14px 0; }
.ewm01:hover{transition:all 0.4s;opacity:1;}
.ewm01 img{ width:30%!important; margin:auto;}

.con dl dt{ padding:15px 30px; margin-bottom:2px;}
.con dl dt a{ display:block; font-size:18px; text-align:center; margin-bottom:10px; font-weight:bold;}
.con dl dt span{ line-height:24px; color:#666;}
.con dl dd img{ width:100%;}
/*-----------------------------------------------------直播*/
.zhibo{ width:96%; padding:2%; overflow:hidden;}
.con01{ width:100%; margin:auto; overflow:hidden;}
.con01 p{ text-align:center; font-size:24px; padding:15px 0;color:#0174b7; font-weight:bold;}
.con01 dl{ width:100%; overflow:hidden; margin-bottom:15px;}
.con01 dl:hover{cursor:pointer;-moz-box-shadow:2px 2px 5px #333333; -webkit-box-shadow:2px 2px 5px #333333; box-shadow:2px 2px 5px #ccc;}
.con01 dl dt{ width:100%; overflow:hidden;}
.con01 dl dt img{ width:100%;}
.con01 dl dd{ width:96%; background:#F7F7F7; float:left; padding:10px; position:relative;}
.jiao{ position:absolute; right:-13px; top:-135px; display:none;}
.jiao img{ width:70%; display:none;}
.con01 dl dd strong{ display:block; font-size:18px; text-align:center; margin-bottom:10px;}
.con01 dl dd span{ line-height:24px; color:#999; display:inline-block; margin-bottom:10px; display:none; }
.con01 dl dd div{ overflow:hidden; height:36px;}
.con01 dl dd div span{ color:#CCC}
.con01 dl dd div a{ display:inline-block; margin-left:36%; color:#0074b7; width:100px; height:30px; border:1px solid #0074b7; border-radius:5px; text-align:center; line-height:30px; margin:0 5px; margin-left:37%;}
.con01 dl dd div a:hover{ background:#0074b7; color:#FFF;}
.more{display:block; background:#EBEBEB; width:200px; height:46px; border-radius:50px; text-align:center; line-height:46px; margin:auto; color:#333}
.more:hover{ background:#0074b7; text-decoration:none; color:#FFF;}
/*-----------------------------------------------------底部*/
.footer{ width:95%; background:#333; text-align:center; margin-top:50px; overflow:hidden; font-size:14px; padding:20px 10px;}
.footer p{ color:#FFF;}
}