@charset "utf-8";
/*************************** 宽屏样式(start) ***************************/
.w_1200 .bg .wrap{ width:1160px; padding:0 20px;}
.w_1200 #int .box{ width:1200px;}
.w_1200 #int{ height:300px;}
.w_1200 #int .mid .video{ width:496px; height:300px;}
.w_1200 #int .mid .news .list{ width:310px; margin-left:20px;}
.w_1200 #int .mid .news .list .pic{ width:310px; height:197px;}
.w_1200 #int .mid .news .list .name{ margin-top:10px;}
.w_1200 #int .mid .news .list .brief{ line-height:18px; height:36px; margin-top:10px;}
.w_1200 #int .mid .news .list .more{ margin-top:7px;}
.w_1200 #inb .list{ width:148px; height:90px;}
/***************************  宽屏样式(end)  ***************************/
/*************************** Index (start) ****************************/
.bg .wrap{ width:940px; padding:0 20px; background:#fff;}
.in_sign{ text-align:center; font-size:28px; text-transform:uppercase;}
.in_con{ text-align:center;}
.in_con .l{ padding-left:45px; background:url(../images/in_con_bg.jpg) left center no-repeat;}
.in_con .r{ padding-right:45px; background:url(../images/in_con_bg.jpg) right center no-repeat; font-size:14px; color:#7f7f7f;}

#banner{ height:368px;}
#banner .pic{ height:368px; position:relative;}
#banner .pic a{ width:100%; height:100%; display:none; position:absolute; left:0; top:0;}

#int{ height:240px; position:relative;}
#int .box{ width:980px; position:absolute; left:-20px; top:-100px;}
#int .top .ban_l{ width:44px; height:44px; display:inline-block; background:url(../images/ban_l.jpg) no-repeat;}
#int .top .ban_l:hover{ background:url(../images/ban_l_cur.jpg) no-repeat;}
#int .top .ban_r{ width:44px; height:44px; display:inline-block; background:url(../images/ban_r.jpg) no-repeat; margin-right:20px;}
#int .top .ban_r:hover{ background:url(../images/ban_r_cur.jpg) no-repeat;}

#int .mid{ background:#fff; padding:20px;}
#int .mid .video{ width:405px; height:245px; text-align:center; position:relative;}
#int .mid .video img{ vertical-align:middle;}
#int .mid .video span{ height:100%; display:inline-block; vertical-align:middle;}
#int .mid .video .play{ width:60px; height:60px; position:absolute; left:218px; top:120px;no-repeat;}
#int .mid .video .play a{ width:100%; height:100%; display:block;}

#int .mid .news .list{ width:245px; margin-left:22px;}
#int .mid .news .list .pic{ width:245px; height:156px; text-align:center;}
#int .mid .news .list .pic img{ vertical-align:middle;}
#int .mid .news .list .pic span{ height:100%; display:inline-block; vertical-align:middle;}
#int .mid .news .list .name{ height:20px; line-height:20px; overflow:hidden; margin:0 5px; margin-top:5px;}
#int .mid .news .list .name a{ font-size:16px;}
#int .mid .news .list .brief{ font-size:14px; color:#555; line-height:17px; height:34px; overflow:hidden; margin:0 5px; margin-top:5px;}
#int .mid .news .list .more{ margin:0 5px; margin-top:5px; color:#fff; height:20px; line-height:20px; padding:0 7px; display:inline-block; background:#817c77;}
#int .mid .news .list .more:hover{ background:#ffae00; text-decoration:none;}

#inm .box .t_l{ width:42px; height:42px; display:block; background:url(../images/t_l.png) no-repeat; margin-top:104px;}
#inm .box .t_l:hover{ background:url(../images/t_l_cur.png) no-repeat;}
#inm .box .t_r{ width:42px; height:42px; display:block; background:url(../images/t_r.png) no-repeat; margin-top:104px;}
#inm .box .t_r:hover{ background:url(../images/t_r_cur.png) no-repeat;}

#inb .list{ width:125px; height:76px; text-align:center; margin-left:10px; margin-bottom:10px;}
#inb .nor{ margin-left:0;}
#inb .list img{ vertical-align:middle;}
#inb .list span{ height:100%; display:inline-block; vertical-align:middle;}