﻿/************************* 

2016首页效果

︶ㄣ查无此人：整理 QQ：6476128 

*************************/
/*人物专访*/

.peoplebg{ background:#fff; width:230px; height:372px;}
.people{width:280px; padding-left:20px}
.people ul li { background:#f2f2f2; padding:15px; margin-top:20px; border-radius: 4px;}
.people ul li a:hover{color:#c2130e;}
.people ul li img { 

width:70px;
height:70px;
display:block; 
margin-right:12px; 
float:left;

    border-radius: 35px;
    -webkit-border-radius: 35px;
    -moz-border-radius:35px;
    box-shadow: inset 0 -1px 0 #3333sf;
    -webkit-box-shadow: inset 0 -1px 0 #3333sf;
    -webkit-transition: 0.4s;   
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
        -moz-transition: -moz-transform 0.4s ease-out;

}
.people ul li img:hover{
    box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);
    -webkit-box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);
    transform: rotateZ(360deg);/*图像旋转360度*/
    -webkit-transform: rotateZ(360deg);
        -moz-transform: rotateZ(360deg);
       }
.people ul li h6 { line-height:22px; padding:0 0 3px;}
.people ul li p { color:#afb0b2; font-size:12px;}


/*通栏广告*/

.tonglan1{width:1200px; margin:0 auto; background:#fff; height:100px;}

/*嵌套标签*/
.xhdafen{font-family: Georgia,"Times New Roman",Times,serif;font-weight: bold;font-size:18px;color:#f60; padding-left: 10px}
.gl_box { width:1180px; margin:0 auto;  padding:0 20px 0 0; overflow:hidden; background:#fff;}
.gl_a { float:left; width:1200px; margin-bottom:20px}
.gl_a_a { float:left; width:273px; padding:0px 0px 0px 21px; }
.gl_a_a_a { float:left; width:273px; height:72px; overflow:hidden; padding:10px 0;}
.gl_l { float:left; width:72px; padding-right:8px;}
.gl_l img { border-radius:15px;}
.gl_r { float:left; width:126px;}
.gl_r i { color:#a5a5a5;}
.gl_r_a { float:left; width:170px; font-size:16px;}
.gl_r_b { float:left; width:126px; padding-top:0px;}
.gl_r_c { float:left; width:126px; padding-top:0px;}
.gl_a_a_b { float:left; width:273px; padding-top:0px;}
.gl_a_a_b li { float:left; width:253px; line-height:36px; height:36px; overflow:hidden; font-size:14px; background: url(/skin/index2016/images/newsbg.png) no-repeat 0; padding-left: 15px; border-top: 1px dotted #DDDDDD;}

/*焦点图*/
.focus{ position:relative; width:360px; height:245px; background-color: #000; float: left; }  
.focus img{ width: 360px; height: 245px;} 
.focus .shadow .title{width: 200px; height: 35px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#fc114a;}  
.focus .fPic{ position:absolute; left:0px; top:0px; }  
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:40px; line-height: 40px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }  
.focus .shadow a{ text-decoration:none; color:#fff; font-size:14px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }  
.focus .fcon img{ display:block; }  
.focus .fbg{bottom:9px; right:10px; position:absolute; height:21px; text-align:center; z-index: 200; }  
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }    
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;}    
.focus .D1fBt img{display:none}    
.focus .D1fBt i{display:none; font-style:normal; }    
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focus .prev:hover{  background-position:0 0; }  
.focus .next:hover{  background-position:-40px 0;} 
/*焦点图end*/ 


/* News Document */
.zone_5{width:1200px;margin-bottom:0px;}
.zone_5 .box{float:left; width:790px; border:1px solid #fff; overflow:hidden; padding:10px 20px;}
.zone_5 .left{width:360px;margin-right:30px;float:left; overflow:hidden;}
.zone_5 .center{width:400px;float:left;}
.zone_5 .right{width:328px;float:left; padding:10px 20px; border-left:none; overflow:hidden;}
.slide{width:360px;height:220px;overflow:hidden;position:relative; margin-top:10px;}
.slide li{width:360px;height:220px;float:left;position:relative;}
.slide .text{width:360px;height:30px;padding-left:10px;line-height:30px;font-size:13px;color:#ccc;position:absolute;top:190px;left:0;z-index:6;}
.slide .text{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC000000', endColorstr='#CC000000');background:rgba(0,0,0,0.8);} 
:root .zone_1 .slide .text{filter:none;}
.slide .text a{padding-left:6px;color:#fff;}
.slide .text a:hover{color:#f30;}
.slide .dot{width:64px;height:30px;position:absolute;top:190px;right:0;z-index:7;}
.slide .dot div{padding-right:5px;float:right;}
.slide .dot i{display:block;width:8px;height:8px;margin:11px 4px 11px 0;background:#666;border-radius:4px;float:left; cursor:pointer;}
.slide .dot i.nonce{background:#f00;}

.news_pic {overflow:hidden;}
.news_pic .pic_n1{padding-bottom:6px;}
.news_pic .pic_n1 li{width:126px;overflow:hidden;}
.news_pic .pic_n1 li img{border-radius:2px;}
.news_pic .list_n1{line-height:26px;padding-bottom:6px;}
.news_pic .pic_n2{line-height:23px;}
.news_pic .pic_n2 li{padding:10px 0; height:75px; overflow:hidden; position:relative; border-top: 1px dashed #d9d9d9;}
.news_pic .pic_n2 li img{border-radius:4px;}
.news_pic .pic_n2 li span.pic{display:block;width:75px;height:75px;overflow:hidden;position:absolute;top:10px;left:0;z-index:5;}
.news_pic .pic_n2 li span.tit{display:block;padding-bottom:6px;padding-left:85px; font-weight: bold; font-size:14px;overflow: hidden;
    white-space: nowrap;}
.news_pic .pic_n2 li span.txt{display:block;padding-left:85px;color:#999;}

.box_news{background:#fff;}
.box_news .title{height:40px;line-height:40px;overflow:hidden;position:relative;top:-1px; background:url(../images/t_b.gif) repeat-x bottom left;}
.box_news .title p.h3{float:left; font-size:22px; font-weight:bold; color:#343434; border-bottom:2px solid #e02e37;}
.box_news .title p.h3 a{display:block;padding:0;color:#343434;float:left;}
.box_news .title p.h3 a.nonce{line-height:38px;font-size:22px; font-weight:bold; color:#343434;}
.box_news .title p.more{float:right; line-height:40px;}
.box_news .title p.more a { color:#999; padding-right:20px; font-size:14px; background:url(http://www.ttbbss.com/skin/new/images/jt.gif) no-repeat center right;}
.box_news .title p.more a:hover { color:#ff0000; text-decoration:none;}
.box_news .cont{padding:0;}

/*首页幻灯区域*/
.news_in_box{overflow:hidden; width:415px;}
.news_in_box ul.headlines li{ padding-bottom:5px;}
.news_in_box ul.headlines h3{ line-height:40px;font-size:19px; font-weight:bold; font-family:"Microsoft YaHei"; padding-top:0px; overflow: hidden; white-space: nowrap;  width:365px; text-overflow: ellipsis; color:#e7e7e7}
.news_in_box ul.headlines h3 a{color:#43a707; width:365px; }
.news_in_box ul.headlines h3 a:hover{color:#008000; width:365px; text-decoration:underline;}

.news_in_box ul.headlines span.cateh3{width:50px;height:40px; line-height:38px; float:left; text-align:left; text-indent:5px;overflow:hidden;color:#fff; font-size:14px; background: url(../images/h3.gif) no-repeat 0;;}
.news_in_box ul.headlines span.cateh3 a{color:#fff;}
.news_in_box ul.headlines span.cateh3 a:hover{color:#fff;}

.news_in_box ul.headlines h4{ line-height:40px;font-size:19px; font-weight:bold; font-family:"Microsoft YaHei"; padding-top:0px; overflow: hidden; white-space: nowrap;  width:365px; float:left; text-overflow: ellipsis; color:#e7e7e7}
.news_in_box ul.headlines h4 a{color:#0380d4; width:365px; }
.news_in_box ul.headlines h4 a:hover{color:#0171bc; width:365px; text-decoration:underline;}
.news_in_box ul.headlines span.cateh4{width:50px;height:40px; line-height:38px; float:left; text-align:left; text-indent:5px;overflow:hidden;color:#fff; font-size:14px; background: url(../images/h4.gif) no-repeat 0;;}
.news_in_box ul.headlines span.cateh4 a{color:#fff;}
.news_in_box ul.headlines span.cateh4 a:hover{color:#fff;}



.news_in_box ul.headlines h2{line-height:40px;font-size:24px; font-weight:bold; font-family:"Microsoft YaHei"; padding-top:5px; overflow: hidden; white-space: nowrap;  width:410px; text-align:center;}
.news_in_box ul.headlines h2 a{color:#e02e37; }
.news_in_box ul.headlines h2 a:hover{color:#fe4f02; text-decoration:underline;}


.news_in_box .list_uti{font-size:14px;line-height:35px; padding:0px 0; /*width:398px;*/}
.news_in_box .list_uti li{float:left; height:35px; width:415px; overflow:hidden;}
.news_in_box .list_uti span{display:inline-block;*display:inline;zoom:1;}
.news_in_box .list_uti span.cate{width:36px;height:35px; float:left; overflow:hidden;color:#999; font-size:14px;}
.news_in_box .list_uti span.cate a{color:#999;}
.news_in_box .list_uti span.cate a:hover{color:#f30;}
.news_in_box .list_uti span.tit{width:249px;height:35px; float:left; overflow:hidden;}
.news_in_box .list_uti span.titx{width:367px;height:35px; float:left; overflow:hidden; font-size:16px;}
.news_in_box .list_uti span.titx a{color:#333;}
.news_in_box .list_uti span.titx a:hover{color:#fe4f02; text-decoration:underline;}
.news_in_box .list_uti span.titm{width:2px;height:35px; float:left; overflow:hidden;font-size:12px;color:#e7e7e7;text-align:center; margin-right:10px;}
.news_in_box .list_uti span.time{width:48px;height:30px; float:left; overflow:hidden;font-size:12px;color:#999;text-align:center;}
.news_in_right { overflow:hidden;}
.news_in_right .pic_n3 {padding-bottom:6px;}
.news_in_right .pic_n3 li{width:327px;padding:10px 0; height:56px; overflow:hidden; _margin-bottom:-3px; border-bottom:1px solid #DDDDDD; position:relative;}
.news_in_right .pic_n3 li img{border:2px solid #DDDDDD;}
.news_in_right .pic_n3 li .pic{display:block;width:79px; height:56px;overflow:hidden;position:absolute;top:10px;left:0;z-index:5;}
.news_in_right .pic_n3 li .tit{display:block;padding-bottom:4px;padding-left:79px; font-size:14px;}
.news_in_right .pic_n3 li .txt{display:block;padding-left:79px;color:#999; line-height:12px;}

.news_in_right .list_uti{line-height:24px;}
.news_in_right .pic_n4 {padding-bottom:6px;}
.news_in_right .pic_n4 li{width:248px;overflow:hidden;}
.news_in_right .pic_n4 li img{border-radius:2px;}

/*首页幻灯区域*/

.news_in_list_a .cont {font-size:14px;line-height:34px; padding:5px 0;}
.news_in_list_a .cont li{border-bottom:1px dotted #DDDDDD; height:34px; overflow:hidden;}
.news_in_list_a .cont i{font-size:11px; display:block;width: 18px;height: 18px;overflow:hidden;margin:8px 10px 7px 0;line-height: 18px;text-align:center;color:#fff;background:#d2d0cf;border-radius:2px;float:left;}
.news_in_list_a .cont i.top{background:#4bc5c3;}

.news_in_list_b .cont {font-size:12px; background:url(http://image.diyiyou.com/img/n11_cy_4.gif) no-repeat left 4px; line-height:34px; padding:5px 0;}
.news_in_list_b .cont li{ border-bottom:1px dotted #DDDDDD; height:34px; overflow:hidden; padding-left:25px;}

.news_in_list_c .cont { font-size:14px; padding:5px 0; line-height:34px; }
.news_in_list_c .cont li{background:url(http://www.ttbbss.com/skin/new/images/n11_cy_1.gif) no-repeat left 10px; border-bottom:1px dotted #DDDDDD; padding-left:20px; height:34px; overflow:hidden;}
.news_in_list_c .cont li a {display:block;width: 279px; height:34px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden; background:url(http://image.diyiyou.com/img/n11_cy_3.gif) no-repeat right 12px; padding-right: 30px;}
.news_in_list_c .cont li a:hover { background:url(http://image.diyiyou.com/img/n11_cy_2.gif) no-repeat right 12px;}

.news_in_list_d .cont { font-size:14px; padding:7px 0; line-height:29px; }
.news_in_list_d .cont li{background: url(http://www.ttbbss.com/skin/new/images/n11_cy_1.gif) no-repeat left 15px; /* padding-left:18px; */ font-size:14px;padding: 5px 0 5px 18px;border-bottom: 1px dotted #ddd;}
.news_in_list_d .cont li a {display:block; height:29px; overflow:hidden;}
.news_in_list_d .cont li a:hover { }

.news_in_list_e {overflow:hidden;}
.news_in_list_e .cont {font-size:14px;line-height:29px; padding:5px 0;}
.news_in_list_e .cont li{ height:29px; overflow:hidden; padding: 5px 0; border-bottom: 1px dotted #ddd;}
.news_in_list_e .cont i{font-size:11px; display:block;width: 18px;height: 18px;overflow:hidden;margin:8px 10px 7px 0;line-height: 18px;text-align:center;color:#fff;background:#d2d0cf;border-radius:2px;float:left;}
.news_in_list_e .cont i.top{background:#e02e37;}
.w322 {width:250px;}
.w322 li {width:225px;}
.w322 a {width:225px;}

.header_wrap{background:#ffb230; border-top:1px solid #ff9200;}
.header_page{background:#e9a305; border-bottom:1px solid #efefef;}
.platmenu_wrap{height:40px;background:#e9a305;border-bottom:1px solid #ce8f00;}
.platmenu_wrap .platmenu{width:1000px;height:38px;background:#333333;margin:0 auto;line-height:37px;font-size:14px;text-align:center;border-top:3px solid #000;/*position:relative;top:1px;*/}
.platmenu_wrap .platmenu li{float:left;border-right:1px solid #474747;}
.platmenu_wrap .platmenu li a{display:block; color:#FFF;width:88px; border-bottom:1px solid #333333;}
.platmenu_wrap .platmenu li a:hover{color:#e9a305;}
.platmenu_wrap .platmenu li a.nonce,.platmenu_wrap .platmenu li a.nonce:hover{color:#333;font-weight:700;background:#fff;border-bottom:1px solid #fff;}
.news_main{width:1158px;background:#fff url(../img/bg_news_main.png) repeat-y;margin:10px auto 0 auto;  border-top:1px solid #efefef; border-left:1px solid #efefef; border-right:1px solid #efefef; border-bottom:1px solid #e2e2e2; padding:10px 20px;}

