@charset "utf-8";
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img ,div{ margin:0; padding:0;}
img {border:0} 
em,i {font-style:normal;font-weight:normal} 
ul,li,ol {list-style:none} 
h1,h2,h3,h4,h5 {font-size:100%;font-weight:normal} 
body{ font:14px/1.8 "Microsoft YaHei",tahoma,'\5b8b\4f53',sans-serif; color:#777; background-color:#fff;line-height:20px; font-size:12px; font-family:"宋体";}
.w{width:1200px; margin:0 auto; clear:both;}
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after {display: table;content: "";line-height: 0;}
.clearfix:after {clear: both;}
a{color: #222; text-decoration: none; outline: none; cursor:pointer; }
a:hover,.new-game-list li a:hover,.crumb a:hover,a.r-title-more:hover,.hz-link a:hover{ color:#0483dc; text-decoration:none;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;	-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;	transition: all 0.3s ease-out;}
a.btn{ display:block; width:96px; height:30px; text-align:center; line-height:30px; background-color:#cdcdcd; color:#555; border-radius:2px;}
a.btn:hover{ background-color:#0483dc; color:#fff}

.news-list li img,.art-list li img,.topic-list li img{-webkit-transition: all 1s ease-out;	-moz-transition: all 1s ease-out;	-ms-transition: all 1s ease-out;-o-transition: all 1s ease-out;	transition: all 1s ease-out;}
.news-list li:hover img,.art-list li:hover img,.topic-list li:hover img{filter:saturate(3);-webkit-filter:saturate(3);-moz-filter:saturate(3);-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-ms-transition: all 1s ease-out;-o-transition: all 1s ease-out; transition: all 1s ease-out;}

.art-list{ width:1232px;}
.art-list li{ width:280px; height:310px; float:left; margin:20px 28px 0 0;}
.art-list li:hover{ background-color:#32a1ef; color:#fff;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;	-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;	transition: all 0.3s ease-out;}
.art-list li img{ display:block; width:280px; height:129px;}
.art-list li:hover h4 a,.art-list li:hover .art-info-size{ color:#fff}
.art-list-con{ padding:8px;}
.art-list li h4{ height:40px; line-height:40px;  font-size:16px; overflow:hidden;}
.art-info{ display:block; height:20px; line-height:20px; font-size:12px;}
.art-info-size{ color:#222}
.art-list li p{ height:60px; line-height:20px; overflow:hidden; margin-top:5px;}
.art-list li .btn{ margin-top:8px;}
.art-list li .star{ display:inline-block; vertical-align:middle; margin:-2px 0 0}
/* .art-list li .art-list-con{ background:url(../images/sec-art-bg.png) no-repeat 0 0;} */
.art-list li:hover .art-list-con{ background:none}
.art-info-size,.art-info-date{ padding-left:20px; position:relative}
.art-info-size:before,.art-info-date:before{ content:''; display:block; width:1px; height:12px; background-color:#e5e5e5; position:absolute; left:10px; top:4px}

.mt-15{ margin-top:15px;}
.crumb{ width:100%; height:36px; line-height:35px; font-size:14px;margin-left:5px;}
.crumb-bg{background:url(../images/line.png) repeat 0 15px;}
.crumb a{ color:#888}

.sec-art-list li{ height:285px; margin:10px 28px 18px 0;}
.sec-art-list li p{margin-top:0px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}}

/*头部*/
.top_lian{ width:100%; height:30px; border-bottom:1px solid #ddd; background-color:#f4f4f4;}
.top_lian_l{ float:left; height:30px; line-height:30px; width:40%;}
.top_lian_l>ul{ overflow:hidden;}
.top_lian_l>ul li{ float:left; }
.top_lian_l>ul li span{ font-size:12px; display:block; color:#666; width:150px;}
.top_lian_r{ float:right; height:30px; line-height:30px; width:200px; text-align:right;}
.top_lian_r>a{ padding:0 7px; font-size:12px; color:#666;}
.top_lian_r>a:hover{ color:#000;}

.head{ height:55px; margin:15px auto;}
.head>.logo{ width:200px; float:left;}
.head>.h_adv{ width:673px; float:left; margin-left:14px;}
.head_h_adv1{ height:50px; overflow:hidden; margin:10px auto 0px;}
.head_h_adv1 ul{ width:673px; overflow:hidden;}
.head_h_adv1 ul li{ width:150px; height:50px; margin-right:0px; float:left;}
.head>.search> form{ height:30px; width:285px; margin-top:12px; border:1px solid #6aafef; border-radius:20px;}
.head>.search{ width:290px; float:right; height:55px;}
.head>.search> form>input.sea_input{ height:26px; width:230px; margin:1px 0 0 10px; border:0; float:left; -webkit-appearance:none; outline:0;}
.head>.search> form>button{ width:32px; height:25px; margin:2px 8px 0 0; background-color:#fff; border:none; display:block; float:right; outline:0; cursor:pointer;}

.nav{ height:50px; background-color:#0d8fe7;font-size:17px;}
.nav>ul.navul> li ul{ display: none;}
.nav>ul.navul li:hover>ul{ display: block;}
.nav>ul.navul{ width:1060px; height:50px; float:left;position: relative; display: inline-table;}
.nav>ul.navul:after{ content: ""; clear:both; display: block;}
.nav>ul.navul li{ float:left; width:110px; height:50px; line-height:50px; text-align:center; background: url(../images/nav_bg.png) repeat-y right center;}
.nav>ul.navul li:hover{background-color:#2da9fd;}
.nav>ul.navul li a{ color:#fff; display:block;}
.nav>ul.navul li a.on_click{ background-color:#2da9fd;}
.nav>ul.navul li a:hover{ background-color:#2da9fd;}
.nav>ul.navul>li>ul{ position: absolute; top: 100%; z-index: 999;}
.nav>ul.navul>li>ul li{ float: none; width: 110px; background: #2da9fd; line-height: 46px; height:46px; border-top: 1px solid #6fc0f8; text-align: center;}
.nav>ul.navul>li>ul li a{ text-align: center; display: block; color:#fff; background:#2da9fd;}
.nav>ul.navul>li>ul li:hover a{ background:#0d8fe7;}

.nav>.kuaijie{ width:140px; height:50px; background:url(../images/nav_kuai.png) no-repeat 117px 23px #2da9fd; float:right; text-align:center; color:#fff; line-height:50px; position: relative; display: inline-table;}
.nav>.kuaijie>ul{ display: none;}
.nav>.kuaijie:hover{ background:url(../images/nav_kuai.png) no-repeat 117px -21px #2da9fd;}
.nav>.kuaijie:hover>ul{ display: block;}
.nav>.kuaijie>ul{  position: absolute; top: 100%; }
.nav>.kuaijie>ul li{float: none; width: 140px; background: #2da9fd; line-height: 46px; height:46px; border-top: 1px solid #6fc0f8; text-align: center; }
.nav>.kuaijie>ul li a{ text-align: center; display: block; color:#fff; }
.nav>.kuaijie>ul li a:hover{ background:#0d8fe7;}

/*hea_footer*/
.pArea { clear:both; width:94%; min-width:1200px; max-width:1200px; margin:0 auto; z-index:1;font-size:13px;}
.marB10 { margin-bottom:10px;}
.web_footer{ width:100%; font-family:"宋体";}
.web_b_aboutus{ padding:20px 0 13px 0;margin-top:10px; background:#0D8FE7;}
.web_b_aboutus p{ text-align:center; color:#E4EAF3; line-height:25px;}
.web_b_aboutus p a{ color:#F1F4FA;}
.web_b_aboutus p span{ margin:0 4px 0 8px;}