/*!
 * Creator: wkg(QQ:562153916)
 */
 
@import url(share.css); 
@import url(font.css); 



/*头部*/
.header{ margin-bottom: 15px;}
.header .top{ height: 32px; font: 12px/32px "微软雅黑";background: #f7f7f7;border-bottom:1px solid #d9d9d9;}
.header .top .top-l, .header .top .top-r, .header .logwrap .logo, .header .logwrap .searchwrap{ display: inline-block;}
.header .logwrap{ height: 100px;} 
.header .logwrap .logo a{ display: block; width: 240px; height: 100px; float: left; background: url(../images/icon.png) no-repeat 0 0; text-indent: -9999px;overflow: hidden;}
.searchwrap{border: 1px solid #D9D9D9; border-radius: 3px; width: 320px; margin-top: 30px;}
.searchwrap .search-txt{width: 280px; height: 38px; font: 12px/38px "微软雅黑";border: none; text-indent: 10px;}
.searchwrap .search-btn{width: 38px; height: 38px;border: none;cursor: pointer;}
.searchwrap .search-btn i{ font-size: 28px;color: #b3b3b3;}
.header .nav{ background: #cc0000;}
.header .nav .navbar li{ font: 16px/40px "微软雅黑"; display: inline-block; float: left;}
.header .nav .navbar li a{ display: block; color: #ffffff; padding:0 15px;}
.header .nav .navbar li a:hover, .header .nav .navbar li a.hover{transition: font-size 0.25s ease-out 0s; background: #a30000;color: #fffc00;}
.header .nav .navbar-m{ border: 1px solid #D9D9D9;border-top: none;background: #ffffff;padding: 5px 0;}
.header .nav .navbar-m li{ display: inline-block;float: left; width: 24.5%;}
.header .nav .navbar-m li a{ display: inline-block;font: 12px/25px "微软雅黑";width: 60px; text-align: center;}

/*内容*/
.picnew-wrap{ width: 480px;height: 340px;}
.focusbanner {width:480px; height:340px; overflow:hidden; position:relative;}
.focusbanner ul {height:340px; position:absolute;}
.focusbanner ul li {float:left; width:480px; height:340px; overflow:hidden; position:relative; background:url(../images/loader.gif) no-repeat center center #FFFFFF;}
.focusbanner ul li .banner-header{width: 390px;height: 100px;}
.focusbanner ul li .banner-header h3{font-size: 22px; font-weight: 500;padding-bottom: 8px; text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.focusbanner ul li .banner-header p{ height: 44px;line-height: 22px;overflow: hidden;}
.focusbanner ul li .banner-img{ height: 240px; text-align: center;}
.focusbanner ul li .banner-img img{ height: 240px; width: 100%;}
.focusbanner .preNextwrap{ position: absolute;right: 0;top: 0; width: 75px; height: 100px;background: #ffffff;}
.focusbanner .preNextwrap .preNextnum{ padding-bottom: 15px; text-align: right;}
.focusbanner .preNextwrap .preNextbox{ height: 30px; position: relative; width: 65px; margin-left: 10px;}
.focusbanner .preNextwrap .preNext {width:30px; height:30px; position:absolute;  background: #b2b2b2; color: #ffffff; font-size: 18px; cursor:pointer; text-align: center;}
.focusbanner .preNextwrap .pre {left:0px;}
.focusbanner .preNextwrap .next {right:0px;}
.focusbanner .btn {bottom: 0px;position: absolute;text-align: center;width: 100%; height:15px; padding:5px 0px; display: none;}
.focusbanner .btn span {display:inline-block;  width:15px; height:15px; margin-left:5px; cursor:pointer; background:#fff; border-radius:50%;}
.focusbanner .btn span.on {background:#fff;}

.todaywrap{ height: 340px;}
.dotay-list li{ margin-bottom: 15px;}
.dotay-list h3{text-overflow: ellipsis;white-space: nowrap; overflow: hidden; font-size: 15px; font-weight: 600;}
.dotay-list p{ height: 40px; overflow: hidden;line-height: 20px; color: #8a8a8a;font-size: 14px; text-indent: 25px;}

.list-01{}
.list-01 li{font: 14px/24px "微软雅黑";text-overflow: ellipsis;white-space: nowrap; overflow: hidden;}
.list-01 li i{ font-size: 14px;}

.list-02{padding-left: 188px;}
.list-02 li{font: 14px/24px "微软雅黑"; padding-right: 30px; position: relative;}
.list-02 li a{ display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-02 li i{ font-size: 28px; position: absolute;right: 0;top: 0;}

.tout-list{ height: 70px; margin-bottom: 12px;}
.tout-list dt{ width: 100px; height: 70px; float: left; margin-right: 10px;}
.tout-list dt img{width: 100px; height: 70px;}
.tout-list dd h3{font-size: 15px;}

.zt-wrap{}
.title-02{font-size: 24px; border-bottom: 2px solid #e5e5e5;}
.title-02 h3{ border-bottom: 2px solid #cc0000;position: relative;bottom: -2px; padding-bottom: 4px; display: inline-block; float: left;}

.zt-list{ width: 1015px;}
.zt-list li{ width: 157px; height: 140px; display: inline-block; float: left; padding-bottom: 10px; padding-right: 12px; overflow: hidden;}
.zt-list li a{ display: block; cursor: pointer;}
.zt-list li img{ width: 154px; height: 100px;}
.zt-list li a span{ display: block; line-height: 30px;text-overflow: ellipsis;white-space: nowrap; overflow: hidden; font-size: 14px;}

.cj-wrap{width: 422px; height: 312px; overflow: hidden;}
.cj-list-item{ height: 118px; margin-bottom: 15px;}
.cj-list-item .cj-list-item-l, .cj-list-item .cj-list-item-l img{ width: 178px; height: 117px;}
.cj-list-item .cj-list-item-l { margin-right: 15px;}

.tp-wrap{ width: 300px;height: 314px;}
.gj-wrap{ width: 246px; height: 310px; border-color: #c00 #ccc #ccc;border-image: none;border-style: solid;border-width: 3px 1px 1px; overflow: hidden;}
.title-03{ height: 39px; line-height: 39px;border-bottom: 1px solid #dddddd;font-size: 24px;}

.list-03{ margin-left: -1px; width: 248px; margin-top: 1px;}
.list-03 li{ height: 44px;line-height: 44px;border-left: 1px solid #dddddd;border-bottom: 1px solid #dddddd; width: 123px;display: inline-block;float: left;}
.list-03 li a{ display: block;font-size: 16px;}
.list-03 li a i{ padding-right: 5px; font-size: 22px; padding-left: 15px;}

.fl-wrap{width: 361px; height: 355px;}

.fl-list{ height: 80px; margin-bottom: 12px;}
.fl-list dt{ width: 122px; height: 80px; float: left; margin-right: 10px;}
.fl-list dt img{width: 122px; height: 80px;}
.fl-list dd h3{font-size: 16px; font-weight: 600;text-overflow: ellipsis;white-space: nowrap; overflow: hidden;  padding-bottom: 10px;}
.fl-list dd h3 a{color: #cc0000;}
.fl-list dd p{ height: 40px; line-height: 20px;color: #8a8a8a;}

.list-04{}
.list-04 li{font: 14px/28px "微软雅黑"; padding-right: 60px; position: relative; background: url(../images/icon_04.jpg) no-repeat left center; padding-left: 10px;}
.list-04 li a{ display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.list-04 li i{ font-size: 12px; position: absolute;right: 0;top: 0; color: #8a8a8a;}

.box_04{}
.box_04 .tab_menu{width:100%; height: 42px; position: relative;z-index: 10;}
.box_04 .tab_menu li{float:left;text-align:center;cursor:pointer;display:inline-block; margin-right: 5px;}
.box_04 .tab_menu li a{color:#343434;text-align:center; display:inline-block;height:40px;line-height:40px; font-size:20px;border: 1px solid #D9D9D9; padding:0px 14px;border-radius: 3px 3px 0 0;}
.box_04 .tab_menu li.current{}
.box_04 .tab_menu li.current a{color:#cc0000;border-bottom: 1px solid #ffffff;}
.box_04 .tab_box{border: 1px solid #D9D9D9; margin-top: -1px; position: relative;z-index: 0;}
.box_04 .tab_box .hide{display:none;}
.box_04 .tab_box a{ display: inline-block; margin-right: 15px; margin-bottom: 10px;}

/*尾部*/
.footer{ background: #F0F0F0; padding: 30px 0px 20px 0; margin-top: 20px;}
.footer-nav a{ padding: 0px 5px;}

.bk-wrap{background: #f7f7f7;}
.title-04{ height: 39px; line-height: 39px;border-bottom: 1px solid #e2e2e2;font-size: 18px;}
.title-02 a i, .title-04 a i{font-size:12px}
.bk-list{ width: 255px;}
.bk-list li{ width: 110px;height: 100px; display: inline-block; float: left; margin-right: 10px; margin-bottom: 10px;}
.bk-list li img{width: 110px; height: 70px;}
.bk-list li a{ display: block; cursor: pointer;}
.bk-list li a span{ display: block; height: 30px;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.box_05{}
.box_05 .tab_menu{width:100%; height: 30px; position: relative;z-index: 10;text-align:center; padding-left: 100px;}
.box_05 .tab_menu li{cursor:pointer;display:inline-block; float: left;}
.box_05 .tab_menu li a{color:#343434;text-align:center; display:inline-block;height:30px;line-height:30px; width: 15px;text-align: center;}
.box_05 .tab_menu li a i{ font-size: 30px;}
.box_05 .tab_menu li.current{}
.box_05 .tab_menu li.current a i{color:#cc0000;}
.box_05 .tab_box{ position: relative;z-index: 0;}
.box_05 .tab_box .hide{display:none;}
.box_05 .tab_box .txcj-img{ width: 228px; height: 150px; margin: auto;}
.box_05 .tab_box .txcj-img a{ display: block;width: 228px; height: 150px; cursor: pointer; position: relative;}
.box_05 .tab_box .txcj-img img{width: 228px; height: 150px;}
.box_05 .tab_box .txcj-img a span{ display: block;position: absolute;height: 30px; line-height: 30px; background: url(../images/png.png) repeat;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;z-index: 100;bottom: 0px;left: 0px;right: 0px;color: #ffffff;font-size: 14px;}
.f12{ font-size:12px;}

.header .top2{ background:#cc0000; height:auto; line-height:35px;}
.top2 .nav{ background:none;}
.mynav{ margin-top:15px; margin-bottom:15px; height:40px; overflow:hidden;}
.mynav .searchwrap{ margin-top:0;width:300px;}
.mynav .searchwrap .search-txt{ width:260px;}
.mylogo{}
.myhere{  border-left:1px dotted #333; margin-left:15px; line-height:24px; margin-top:8px; padding-left:10px;}

.myleft{width:680px; border-top:4px solid red;}
.myright{width:300px;}
.mytitle{ text-align:center;}
.mytitle h1{ font-size:26px; font-weight:normal;}
.mytitle .arcinfo{ color:#666; padding:10px 0 0 0; font-size:12px;}
.arctime{ margin-right:30px;}
.arctime span{ color:#333;}
.mytui span{ cursor:pointer; color: #99C; padding-left:10px; margin-left:5px;}
.mydaodu{ background:#f5f5f5; padding:10px 12px 10px 14px; font-size:14px; line-height:26px;}
.mycontent{ font-size:16px; line-height:30px;}
.mycontent p,.mycontent div{ margin-bottom:10px; color:#444;}
.mycontent img{ max-width:100%}

#pages {height: 30px;padding: 6px 0px;clear: both;text-align: center}
#pages a, #pages a:visited, #pages a:hover, #pages b {padding: 0px 10px;font-size: 14px;border: 1px solid #E4E4E4;display: inline-block;height: 30px;line-heighT: 30px;text-decoration: none;color: #777;margin: 0 3px;background: #fff;}
#pages a:hover, #pages b {border: 1px solid #1435862;color: #fff;background: #cc0000;}
#pages a b, #pages a:visited b, #pages a:hover b, {background:none;padding:0;margin:0;display:inline;border:none;color:#666;}

.mytags{ height:30px; line-height:30px; padding:0 10px; background:#f5f5f5;}
.mytags .fl a{ padding:0 5px 0 10px;}
.myshow{  width:680px; }
.myshow h3{ font-size:20px;}

.shunj{ width:700px; overflow:hidden;}
.shunj dl{width:155px; float:left;margin-top:15px;margin-right:20px;}
.shunj dt img{  width:155px; height:105px; overflow:hidden;}
.shunj dl dd{ text-align:center; margin-top:0px;}

#area9 { margin-top: 15px; }
#area9 .hd{ height: 52px; border-bottom: 2px solid #fd4a42; overflow: hidden; margin-bottom: 10px;}
#area9 .hd h2 { float: left; font-size: 36px; font-weight: normal; }
#area9 .hd h2 span { font-size: 24px; vertical-align: bottom; }
#area9 .hd h2 a span{ color: #e33a29; }
#area9 .hd .more{ float: right; margin: 28px 10px 0 0; }
#area9 .bd {height: 320px; position: relative; width:700px}
.picItem {position: absolute; overflow: hidden;}
.picItem img{display: block;}
.picItem span{position: absolute; width: 100%; height: 22px; line-height: 25px; text-indent: 10px; font-size: 12px; color: #fff; left: 0; bottom: 0;}
.pic1{width: 160px; height: 310px; left: 0; top: 0;}
.pic2{width: 135px; height: 122px; left: 173px; top: 0;}
.pic3{width: 135px; height: 181px; left: 173px; top: 130px;}
.pic4{width: 213px; height: 200px; left: 323px; top: 0;}
.pic5{width: 100px; height: 100px; left: 323px; top: 210px;}
.pic6{width: 100px; height: 100px; left: 437px; top: 210px;}
.pic7{width: 130px; height: 160px; left: 550px; top: 0;}
.pic8{width: 130px; height: 145px; left: 550px; top: 165px;}
.picItem:hover .mask{margin-left: 0;}
.picItem:hover .opacity60{background: rgba(253,79,5,0.6); filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#99fd4f05",endColorstr = "#99fd4f05");}
:root .picItem:hover span{filter:none;background:rgba(253,79,5,0.6);}
 #area9 .ft{width: 1200px; overflow: hidden; padding-top: 20px;}
 #area9 .twP{display: inline; float: left; width: 175px; height: 120px; position: relative; margin-right: 31px;}
 #area9 .twP span{position: absolute; left: 0; bottom: 0;display: block; width: 100%; height: 30px; line-height: 30px; text-indent: 10px; font-size: 14px; color: #fff;}
 .opacity60 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
}

.bk-list2{ width:300px;}
.bk-list2 li{ width: 135px;height: 110px; display: inline-block; float: left; margin-right: 10px; margin-bottom: 10px;}
.bk-list2 li img{width: 135px; height: 82px;}
.bk-list2 li a{ display: block; cursor: pointer;}
.bk-list2 li a span{ display: block; height: 22px;line-height: 22px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/* back-top */
#gotop {position: fixed;right: 20px;bottom: 230px;display: none;z-index: 999999;}
*html #gotop {position: absolute;_top: expression(documentElement.scrollBottom + 160 + "px");}
#gotop a {width: 50px;height: 50px;display: block;overflow: hidden;text-indent: -999px;background: url(../images/gotop.gif) 0 0 no-repeat #9f9f9f;border-radius: 50px}
#gotop a:hover {background-position: -50px 0;background-color: #FF8018;}

.myxiangguan{width:360px;}

.fixed{ width:300px; height:auto;}