@charset "utf-8";
/* CSS Document */
.top-boxL { float: left; width: 380px; height: 536px; min-height:100px;overflow:hidden;}
.top-boxC { float: left; width: 440px; height: 536px; margin-left: 15px; display: inline; min-height:100px;}
.top-boxR { float: right; width: 250px; height: 536px; min-height:100px;}

/*boxTitA*/
.titleA{position:relative;height:36px;background #f8f8f8;border-top:3px solid #ed4040}
.titleA h5{display:inline-block;margin:0;padding:0 10px;font-size:18px;color:#333;line-height:36px;}
.titleA .more{position:absolute;top:0;right:10px;line-height:36px;}

/*boxTitB*/
.titleB{position:relative;height:36px;background:#f8f8f8;border-top:3px solid #ed4040}
.titleB h5{display:inline-block;margin:0;padding:0 10px;font-size:18px;color:#333;line-height:36px;}
.titleB .more{position:absolute;top:0;right:10px;line-height:36px;}

/*recTitle*/
.recTitle{position:relative;width:100%;height:36px;line-height:36px;background:#eee;border-top:0px solid #e9e9e9;}
.recTitle .tab{font-size:18px;font-weight:500;color:#bfbfbf;}
.recTitle .tab span{padding:0 7px;margin-top:0px;margin-right:10px;height:36px;line-height:36px;cursor:pointer;color:#666;display:inline-block;}
.recTitle .tab .fb{color:#333;font-weight:500;border-top:0px solid #38a2db;}
.recTitle .new{position: absolute;right:10px;top:0; padding-left:23px;background:url(../images/jiantou.png) no-repeat 0 12px;font-size:14px;}
.recTitle .new a{color:#777;}

/*column-title*/
.column-title{height:36px;line-height:36px;background:#eee}
.column-title h2{float:left;display:inline;margin-left:10px;font-size:16px;font-weight:700}
.column-title .sub-nav{float:right;display:inline;margin-right:10px}
.column-title .sub-nav a{margin-left:10px;color:#666}
.column-title .sub-nav a:hover{color:#FF4F53}

/*eye_focus*/
.eye_focus { position: relative; width: 380px; height: 280px; overflow: hidden; }
.eye_focus img { width: 360px; height: 260px; }
a.eye_lbtn_focus, a.eye_rbtn_focus { width: 30px; height: 66px; background: url("../images/sprite.png") no-repeat; position: absolute; z-index: 2; top: 100px; display:none; }
.eye_focus:hover .eye_lbtn_focus, .eye_focus:hover .eye_rbtn_focus { display: block; }
a.eye_lbtn_focus { left: 0; background-position: -202px -84px; }
a.eye_rbtn_focus { right: 0; _right: -1px; background-position: -232px -84px; }
.eye_img_focus { position: absolute; top: 0; height: 380px; z-index: 1; width: 5200px; }
.eye_img_focus li { float: left; width: 380px; height: 260px; }
.eye_img_focus li img{ width: 380px; height: 260px; }
.eye_tit_focus { width: 380px; height: 36px;background:rgba(0, 0, 0, 0.56); position: absolute; left: 0; bottom: 20px; z-index: 2; overflow: hidden; }
.eye_tit_focus a { width: 360px; height: 36px; line-height: 36px; overflow: hidden; font-size: 16px; padding: 0 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; color: #fff; text-align: center; }
.eye_pag_focus {margin:auto 80px; bottom: 2px; height: 6px; position: absolute; right: 4px; z-index: 3; overflow: hidden; }
.eye_pag_focus li { float: left; width: 36px; height: 5px; display: inline; background: #ccc; overflow: hidden; cursor: pointer; margin: 0 3px; transition: all 0.3s ease; }
.eye_pag_focus li.current { width: 36px; background: #008ee1; }

/*topics*/ 
.topics{ background:#fff; width:380px; height:71px; position:relative;margin-top: 14px;}
.topics a img,.tj_img{ width:116px; height:71px; float:left;}
.topics a:hover{ background:#fafafa; }
.topics a:hover span.tj_title{ color: #ee1600; }
.topics a em{ width: 7px; height: 10px;background: url(../images/topic_icon.gif) no-repeat -91px -228px;display: block;position: absolute;top: 35px;left: 111px;z-index: 2;}
.topics a{display:inline-block;}
.topics a span{ display: inline-block;width: 100px;padding-left: 10px;}
.topics a span.tj_title{width: 232px;height: 26px; color:#333;padding-top: 5px;font-size: 15px;font-weight: 700;;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.topics a span.tj_intro{width: 226px; height:40px;line-height:18px; font-size:12px; color:#888;padding-top: 5px;overflow: hidden;}
.topics b{ text-indent:-9999px; width:32px; height:34px; position:absolute;background: url(../images/topic_icon.gif) no-repeat -92px -183px;right: 0px;top: 0px;}

/*focusNews*/
.focusNews{padding:15px 15px 10px;border-bottom:1px dashed #eaeaea;}
.focusNews h2{height:31px;line-height:31px;text-align:center;overflow:hidden;font-size:18px;font-weight:700;}
.focusNews h2 a{ color: #FF4F53;}
.focusNews p{height44px;margin-top:5px;line-height:22px;text-indent:24px;overflow:hidden;}

/*textTitle*/
.textTitle{padding:0 23px;height:10px;margin:5px 15px 15px;border-bottom:1px solid #dedede;font-size: 15px;}
.textTitle span{padding:0 5px;height:24px;font-weight:700;background-color:#ffffff;display:inline-block;}
.textList{float:left;height:36px;line-height:36px;}
.textList li{padding-left:18px;float:left;width:45%;height:35px;line-height:35px;overflow:hidden;}
 
/*quicklink*/
.quicklink{width:1100px;height:67px;overflow:hidden;}
.quicklink .center{width:1150px;}
.quicklink a{float:left;width:175px;height:67px;line-height:67px;text-align:center;font-size:22px;margin-right:10px;display:inline;}
.quicklink a:hover{text-decoration:none;}
.quicklink a.bg1{color:#9e8221;background-color:#eadfbf;}
.quicklink a.bg1:hover{background-color:#f0e9d2;}
.quicklink a.bg2{color:#c98a43;background-color:#eed9ba;}
.quicklink a.bg2:hover{background-color:#f3e4ce;}
.quicklink a.bg3{color:#ce8b56;background-color:#eddbcf;}
.quicklink a.bg3:hover{background-color:#f4e9df;}
.quicklink a.bg4{color:#7890c0;background-color:#b9d1ff;}
.quicklink a.bg4:hover{background-color:#d1e2fc;}
.quicklink a.bg5{color:#599fa7;background-color:#b7e3f0;}
.quicklink a.bg5:hover{background-color:#ccebf4;}
.quicklink a.bg6{color:#8eaa5f;background-color:#d5e6b9;}
.quicklink a.bg6:hover{background-color:#e2edd1;}
.quicklink a.bg7{color:#58b157;background-color:#c1e7c0;}
.quicklink a.bg7:hover{background-color:#e5f5e5;}
 
/*news-txtul*/
.news-txtul{overflow:hidden;padding:0 15px}
.news-txtul li{height:32px;line-height:32px;font-size:14px;overflow:hidden;}
.news-txtul.c-txtul li{background:url(../images/list.png) left center no-repeat;padding-left:10px;transition: all 0.2s;-moz-transition: all 0.2s;-webkit-transition: all 0.2s;d-o-transition: all 0.2s;}
.news-txtul.c-txtul li:hover{background:url(../images/list_hover.png) left center no-repeat;margin-left:10px;}
.news-txtul.halftxtul li{width:410px;float:left;}
.news-txtul.halftxtul li:hover{margin:0px;}
.news-txtul li span{margin-right:5px;}
.news-txtul li span a{color:#888;}
.news-txtul li span a:hover{color:#FF4F53;}
.news-txtul li i{font-style:normal;color:#999;font-size:12px;margin-left:10px;float:right;}
.news-txtul li:before {float: left;content: ""; background: #ccc; width: 4px; height: 4px; overflow: hidden; display: inline-block; margin: 13px 8px 0 0; border-radius: 2px;}
 
/*tutorial-pic*/
.tutorial-picul{margin:10px;border-bottom: 1px dashed #eaeaea;}
.tutorial-picul li{float:left;display:inline;width:200px;height:180px;margin:0px;padding:8px}
.tutorial-picul li .pic{display:block;height:136px;overflow:hidden}
.tutorial-picul li img{width:100%;height:136px;}
.tutorial-picul li p{height:40px;line-height:20px;margin-top:5px;font-size:14px;overflow:hidden}
.tutorial-picul li:hover{background: #f0f0f0;box-shadow 0 0 12px #ccc;}
.tutorial-picul li:hover a{color:#FF4F53;}

/*new-txtul*/
.tutorial-txtul{overflow:hidden;padding:10px 0}
.tutorial-txtul li{float: left;margin-left: 18px; width:343px; height:32px;line-height:32px;font-size:14px;overflow:hidden;}
.tutorial-txtul.c-txtul li{background:url(../images/list.png) left center no-repeat;padding-left:10px;transition: all 0.2s;-moz-transition: all 0.2s;-webkit-transition: all 0.2s;d-o-transition: all 0.2s;}
.tutorial-txtul.c-txtul li:hover{background:url(../images/list_hover.png) left center no-repeat;margin-left:10px;}
.tutorial-txtul.halftxtul li{width:410px;float:left;}
.tutorial-txtul.halftxtul li:hover{margin:0px;}
.tutorial-txtul li span{margin-right:5px;}
.tutorial-txtul li span a{color:#888;}
.tutorial-txtul li span a:hover{color:#FF4F53;}
.tutorial-txtul li i{font-style:normal;color:#999;font-size:12px;margin-left:10px;float:right;}
.tutorial-txtul li:before {float: left;content: ""; background: #ccc; width: 4px; height: 4px; overflow: hidden; display: inline-block; margin: 13px 8px 0 0; border-radius: 2px;}

/*article-rec*/
.article-rec {padding:0 10px;overflow:hidden;}
.article-rec li{height:65px;padding-left:110px;margin:15px 0;position: relative;}
.article-rec li:first-child {margin-top: 5px;}
.article-rec li h3{height:40px;line-height:20px;margin-top:3px;margin-bottom:5px;font-size:12px;overflow:hidden}
.article-rec li .pic{width:110px;position:absolute;left:0;top:0;}
.article-rec li .info{position:relative;color:#9FA3A7;font-size:12px;}

/*hot-news*/
.hotNews {background #f8f8f8;overflow:hidden;}
.hotNews li{position:relative;height:60px;padding:10px 10px 10px 110px;border-bottom:1px solid #e8e8e8;overflow:hidden;}
.hotNews li h3{height:40px;line-height:20px;margin-top:9px;font-size:14px;overflow:hidden}
.hotNews li img{width:90px;position:absolute;left:10px;top:12px;}
.hotNews li:first-child {height:60px;padding-top:5px;}
.hotNews li:first-child img{top:5px;}
.hotNews li:last-child{border:none;margin-bottom:0;}  

.gallery-ul{padding:10px 10px;overflow:hidden;}
.gallery-ul li{position:relative;float:left;width:200px;height 180px;margin-top:0px;padding:8px;border:0px solid #fff;display:inline;}
.gallery-ul li .pic{display:block;height:136px;background:#f2f2f2;position:relative;overflow:hidden}
.gallery-ul li img{width:100%;position:absolute;left:0;top:0;min-height:136px;display: block; opacity: 1;}
.gallery-ul li p{height:20px;line-height:20px;overflow:hidden}
.gallery-ul li .title{margin-top:8px;font-size:14px}
.gallery-ul li .info{margin-top:2px}
.gallery-ul li .vline{padding:0 5px}
.gallery-ul li .gray,.gallery-ul li .gray a{color:#999}
.gallery-ul li:hover{background: #f0f0f0;}
.gallery-ul li:hover .title a{color:#FF4F53;} 

/*game-picul*/
.game-picul{width:105%;overflow:hidden;}
.game-picul li{overflow:hidden;float:left;margin-right:20px;width:156px;height:106px;margin-top:20px;position:relative;}
.game-picul li img{width:156px;height:106px;}
.game-picul a p{height:30px;line-height:30px;font-size:12px;position:absolute;left:0px;bottom:0px;background:rgba(0,0,0,0.7);color:#fff;text-align:center;padding:0px 5px;color:#fff;width:145px;transition: all 0.2s;-moz-transition: all 0.2s;-webkit-transition: all 0.2s;d-o-transition: all 0.2s;}
.game-picul a:hover p{background:#11B475;}

 #box{
     
        margin: 20px auto;
        font-family: 'Microsoft YaHei';
        font-size: 14px;
    }
    input{
       
        border: 2px solid #008ee1;
        height: 30px;
        float: left;
      
        background-repeat: no-repeat;
        background-size: 25px;
        background-position:5px center;
        padding:0 0 0 0px;
    }
    #search{
        width: 48px;
        height: 32px;
        float: right;
        background: black;
        color: white;
        text-align: center;
        line-height: 32px;
        cursor: pointer;
    }