/* ----------------------------------

Main CSS file for 有爱就有设计
(C) 有爱就有设计! Inc.
Created & Modified by 有爱就有设计.

-------------------------------------*/
.hl_left_1{ width:70%}
.hl_right_1{ width:330px}

.hl_ccc{ background:#f9f9f9;padding: 10px;}

.hl_zt_bg{height: 300px;width: 100%;background-color: #df0013;}
.hl_zt_all{text-align: center;padding-top: 60px; line-height: 1;}
.hl_zt_all .hl_zt_logo{display: inline-block;}
.hl_zt_all .hl_zt_logo img{width: 110px;margin: 0 auto;}
.hl_zt_all .hl_zt_logo p{font-size: 28px;color: #fff;display: none;}
.hl_zt_all .hl_zttit{display: inline-block;color: #fff;font-size: 44px;margin-left: 40px;font-weight: 600;}

.tabBar { width: 100%;  padding-top: 5px}
.tabBar .hd { position: relative; border-bottom: 0}
.tabBar .hd ul { float: left; width: 100%; margin: 0; z-index: 5; zoom: 1; border-bottom: 1px solid #EEEEEE}
.tabBar .hd li { float :left; height:30px; line-height: 30px; padding:0 12px; margin: 0 10px -1px 0; color: #828a92; border-bottom: 0; cursor: pointer; font-weight: bold; font-size: 18px;  border-radius: 0; overflow: hidden; background: none}
.tabBar .hd li img { float: left; margin: 4px 8px 0 0}
.ie7 .tabBar .hd li.last { width: 55px}
.ie7 .tabBar .hd li { font-family: "Microsoft Yahei"}
.tabBar .hd li.on { color: #ffa312;border-bottom: 2px solid #ffa312;}
body, input, button, select, textarea
{
  color: rgb(68, 68, 68);
    font: 12px / 1.5 Tahoma, "Microsoft Yahei", Simsun;
}

.hot-article{padding:16px 0 4px;position:relative}
.hot-article .hot-news-scroll{overflow:hidden;position:relative;width:300px;height:360px;margin:0 auto;padding-bottom:10px}
.hot-article .hot-news-scroll .hot-news-scroll-cont{float:left;left:0;position:absolute;top:0;transition:all 1s ease 0s;width:9999px}
.hot-article .hot-news-scroll .hot-news-scroll-cont .hot-news-scroll-item{float:left;position:relative;width:300px;overflow:hidden}
.hot-article .img-text{}
.hot-article .img-text .pic{float:left;width:90px;height:60px;margin:4px 10px 0 0;position:relative}
.hot-article .img-text .pic img{display:block;width:100%;height:100%}
.hot-article .img-text .pic:hover img{transform:matrix(1,0,0,1,0,0)}
.hot-article .img-text .pic .sn{position:absolute;top:0;left:0;width:18px;height:18px;text-align:center;font-size:14px;line-height:18px;background:#ffa312;color: #fff}
.hot-article .img-text h4{font-size:14px;line-height:20px;height:60px;padding-top:0;overflow:hidden}
.hot-article .img-text p{text-align:right;padding-top:8px;line-height:1;color:#999}
.hot-article .img-text p a{color:#999}
.hot-article .img-text p a:hover{color:#c9141d}
.hot-article .img-text:hover h4 a{color:#c9141d}
.hot-article .sn-list{}
.hot-article .sn-list li{font-size:14px;line-height:22px;height:44px;padding-bottom:12px;padding-left:27px;position:relative}
.hot-article .sn-list li .sn{width:18px;background:#ffa312;color: #fff;height:18px;position:absolute;left:0;top:4px;text-align:center;font-size:14px;line-height:18px}
.hot-article .sn-list li .com-num{color:#999;font-size:12px;position:absolute;top:22px;right:0}
.hot-article .sn-list li .com-num a{color:#999}
.hot-article .sn-list li .com-num a:hover{color:#c9141d}

.hot_key{margin-top: 10px;}
.hot_key a{display: block;float: left;padding: 5px 10px;background:#eeeeee;text-align: center;color: #333;border-radius: 3px;margin-right: 10px;margin-bottom: 10px;}


.hl_tit_1{overflow:hidden;height:32px;line-height: 32px;background: #e8ae2b}
.hl_tit_1 span{ display:inline-block; float:left; font-weight:600; color: #fd0207;}
.hl_tit_1 h2{ display:inline-block; float:left; font-weight:600;color: #fff;font-size:16px;padding-left: 10px;}
.hl_tit_2{background: #d40019;}

.hl_ztjj{background: #f7f7f7;padding: 20px;}
.hl_ztjj h2{font-size: 18px;}
.hl_ztjj p{font-size: 12px;margin: 15px 0}
.hl_ztjj .share{text-align: right;font-size: 14px;}
/*幻灯片*/
.hl_hd{position: relative;top:-40px;}
.hl_banner{position:relative;width:1200px;height:410px;overflow:hidden;}
.hl_banner .pic img{width:1200px;height:410px;display:block}
.hl_banner .hd{position:absolute;right:20px;bottom:20px;z-index:100}
.hl_banner .hd li{width:10px;height:10px;margin-left:4px;float:left;background-color:#fff;display:inline-block;border-radius: 50%;}
.hl_banner .hd .on{background-color:#dd0010}
.hl_banner h3{position:relative;background:rgba(0,0,0,.5) !important;width:100%;height:50px;margin-top:-50px;-moz-opacity:.5;filter:Alpha(opacity=50);background:#000;z-index:50}
.hl_banner h3 a{width:240px;line-height:50px;padding-left:20px;color:#fff;font-size:22px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;word-wrap:normal}
.hl_banner .prev,.hl_banner .next{width:40px;height:80px;position:absolute;top:50%;margin-top:-50px;background-image:url(edu0529_Pointer.png)}
.hl_banner .prev{left:0;background-repeat:no-repeat;background-position:-60px 0}
.hl_banner .next{right:0;background-repeat:no-repeat;background-position:0 0}
.hl_banner .pageState{position:absolute;right:20px;bottom:6px;z-index:100;color: #fff;font-size: 18px;}
.hl_banner .pageState span{font-size: 40px;color: #f65d00;}

.hl_news_index { padding-right:20px;}
.hl_news_index li{border-bottom: 1px solid #ccc;padding:20px 0}
.hl_news_index .hl_h3{ font-size:18px; font-weight:700; }
.hl_news_index .hl_h3 a{color: #333;}
.hl_news_index .hl_h3 a:hover{color: #a8192d;}
.hl_news_index .hl_p{ font-size:16px; font-weight:400; display:block;color: #999; }
.hl_news_index .hl_d{ text-align:left; font-size:16px; font-weight:400; padding:10px 0;color: #999; }
.hl_news_index .hl_pic{ width:260px; height:158px; float:left; margin-right:20px;}
.hl_news_index .hl_pic img{width:260px; height:145px;object-fit: cover;}


.hl_news_index .more{width:300px;height:42px;margin: 10px auto;background:#666;cursor:pointer;    border-radius: 5px;}
.hl_news_index .more div{width:90px;line-height:42px;text-align:center;margin:0 auto}
.hl_news_index .more div span{font-size:16px;color:#fff}
.hl_news_index .more div a{font-size:16px;color:#fff}

.hl_tagt{border-bottom: 2px solid #d40019;    height: 38px;line-height: 28px;font-size: 22px;font-weight: 900;}
.hl_tagt span{padding: 4px 8px; background:#d40019;color: #fff;border-radius: 3px;}