/************************************************
Author: chinasspp.com, Leanne.Liu
*************************************************/

/* COLUMN */
.col_1, .col_2 { float: left; margin-bottom: 15px; padding: 10px; width: 940px; background-color: #FFF; }
.col_1 .inner { display: inline-block; position: relative; height: 269px; overflow: hidden; }
.col_1 .img { float: left; display: block; width: 660px; overflow: hidden; } /* 高度269的倍数 js控制 */
.col_1 .img li { float: left; display: inline; }
.col_1 .img li a { display: block; width: 660px; height: 269px; color: #FFF; overflow: hidden; }
.col_1 .img li a img { width: 660px; } /* 固定图片高度 */
.col_1 .text { float: right; display: block; margin-left: 5px; width: 275px; }
.col_1 .text li { display: block; margin-bottom: 1px; width: 275px; background-color: #F0F0F0; }
.col_1 .text li a { display: block; padding: 0 20px; width: 235px; height: 53px; line-height: 53px; font-size: 14px; text-align: center; overflow: hidden; }
.col_1 .text li a:hover { color: #000; text-decoration: none; }

.col_1 p { position: absolute; margin: -269px 0 0 654px; padding-left: 6px; width: 290px; background: url(../images/icon.gif) left -60px no-repeat; }
.col_1 p a { display: block; padding: 0 20px 0 25px; width: 234px; height: 51px; line-height: 51px; background: url(../images/bg2.gif) left top repeat; border: 1px solid #2D2D2D; border-right-width: 10px; color: #000; font-size: 14px; text-align: center; overflow: hidden; }
.col_1 p a:hover { color: #000; text-decoration: none; }


.col_2 { padding-bottom: 40px; }
.col_2 .l_t { display: inline-block; margin-bottom: 20px; padding: 5px 0; width: 640px; border-bottom: 1px solid #000; }
.col_2 .l_t b { padding: 1px 0; color: #000; font-size: 20px; font-family: "微软雅黑", "宋体"; font-weight: normal; border-bottom: 2px solid #00A2FF; }
.col_2 .l_t a { float: right; color: #00A2FF; }

.col_2 .l_list { float: left; padding: 0 20px 20px 0; width: 310px; overflow: hidden; }
.col_2 .l_list .img { float: left; margin-right: 15px; width: 120px; height: 160px; text-align: center; overflow: hidden; }
.col_2 .l_list .img img { height: 160px; }
.col_2 .l_list .img span { display: block; position: relative; left: -2000px; top: -60px; margin-bottom: -60px; padding: 10px 5px; width: 110px; background-color: #000; text-align: center; cursor: pointer; filter: alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; }
.col_2 .l_list .img b { display: block; height: 40px; line-height: 20px; color: #FFF; font-weight: normal; overflow: hidden; }
.col_2 .l_list .img:hover { text-decoration: none; }
.col_2 .l_list .img:hover span { left: 0; }
.col_2 .l_list p { margin-bottom: 0; height: 30px; line-height: 30px; overflow: hidden; }
.col_2 .l_list p a { color: #000; font-size: 14px; }
.col_2 .l_list p a:hover { color: #00A2FF; text-decoration: none; }

.col_2 .l_list ul { display: inline-block; margin-top: 10px; padding-top: 5px; width: 170px; border-top: 1px dashed #B7B7B7; }
.col_2 .l_list li { float: left; display: block; padding: 5px 0; width: 170px; height: 14px; background: url(../images/icon.gif) -143px -139px no-repeat; text-indent: 10px; overflow: hidden; }
.col_2 .l_list li a { color: #000; }


.col_2 .l_img { float: left; width: 640px; overflow: hidden; }

.col_2 .roll { float: left; display: inline-block; position: relative; padding: 0 23px; width: 594px; height: 319px; overflow: hidden; }
.col_2 .roll .ul { display: inline-block; margin-left: 0; }/* 宽度198的倍数 js控制 */
.col_2 .roll a { float: left; display: inline; margin: 10px; width: 178px; height: 299px; line-height: 40px; color: #000; text-align: center; overflow: hidden; }
.col_2 .roll a img { height: 259px; }/* 固定图片高度 */
.col_2 .roll a:hover img { filter: alpha(opacity=90); opacity: 0.9; -moz-opacity: 0.9; }

.col_2 .l_img .prev { clear: both; }
.col_2 .l_img .prev, .col_2 .l_img .next { float: left; display: inline-block; position: relative; top: -319px; margin: 0 0 -280px; width: 23px; height: 319px; background-color: #FFF; text-indent: -2000px; }
.col_2 .l_img .prev em, .col_2 .next em { float: left; display: block; margin: 113px 0; width: 23px; height: 42px; background: url(../images/icon.gif) no-repeat #FFF; }
.col_2 .l_img .prev { left: 0; padding-right: 5px; }
.col_2 .l_img .prev em { background-position: -26px -436px; }
.col_2 .l_img .prev em.have { background-position: 0 -436px; cursor: pointer; }
.col_2 .l_img .next { left: 584px; padding-left: 5px; }
.col_2 .l_img .next em { background-position: -26px -484px; }
.col_2 .l_img .next em.have { background-position: 0 -484px; cursor: pointer; }

.col_2 .r { float: right; width: 280px; }
.col_2 .r_t { clear: both; margin-bottom: 0; line-height: 30px; border-top: 3px solid #00A2FF; border-bottom: 1px solid #B7B7B7; color: #000; font-size: 16px; font-family: "微软雅黑", "宋体"; font-weight: normal; text-align: center; }
.col_2 .r_1, .col_2 .r_2 { display: inline-block; padding: 10px 10px 20px; }
.col_2 .r_3 { display: inline-block; padding: 0 10px; }

.col_2 .r_1 .img { display: block; width: 260px; height: 175px; text-align: center; overflow: hidden; }
.col_2 .r_1 .img img { height: 175px; }
.col_2 .r_1 p { margin-bottom: 0; height: 40px; text-align: center; overflow: hidden; }
.col_2 .r_1 p a { line-height: 40px; color: #000; font-size: 14px; }

.col_2 .r_2_1 { display: inline-block; padding: 10px; }
.col_2 .r_2_1 .img { float: left; margin-right: 10px; width: 70px; height: 70px; text-align: center; overflow: hidden; }
.col_2 .r_2_1 .img img { height: 70px; }
.col_2 .r_2_1 p { margin-bottom: 0; height: 25px; line-height: 25px; overflow: hidden; }
.col_2 .r_2_1 p a { color: #333; font-weight: bold; }
.col_2 .r_2_1 span { color: #B3B3B3; }
.col_2 .r_2_1 span a { margin-left: 3px; color: #C1AA80; }

.col_2 .r_2_2 { display: inline-block; padding: 10px 10px 20px; border-top: 1px dashed #E0E0E0; }
.col_2 .r_2_2 li { float: left; display: block; width: 100%; height: 25px; line-height: 25px; overflow: hidden; }
.col_2 .r_2_2 li em { float: left; display: block; margin: 5px 10px 5px 0; width: 15px; height: 15px; line-height: 15px; background-color: #B7B7B7; color: #FFF; font-style: normal; text-align: center; }
.col_2 .r_2_2 li em.top { background-color: #F86106; }

.col_2 .r_3 li { float: left; display: block; padding: 15px 0; border-bottom: 1px dashed #E0E0E0; }
.col_2 .r_3 li.last { border-bottom: none; }
.col_2 .r_3 li .img { float: left; display: block; margin-right: 10px; width: 80px; height: 100px; border: 1px solid #EEE; overflow: hidden; }
.col_2 .r_3 li .img img { height: 100px; }
.col_2 .r_3 li p{ margin-bottom: 0; height: 25px; line-height: 25px; overflow: hidden; }
.col_2 .r_3 li p a { color: #00A2FF; font-size: 14px; }
.col_2 .r_3 li span { color: #999; }
.col_2 .r_3 li span a  { color: #00A2FF; }


.col_2 .r_4 li { float: left; display: inline; margin: 10px 0 0 11px; border: 1px solid #E0E0E0; }
.col_2 .r_4 li p, .col_2 .r_4 li a { width: 77px; height: 77px; text-align: center; overflow: hidden; }
.col_2 .r_4 li p { margin-bottom: 0; cursor: pointer; }
.col_2 .r_4 li p img { height: 77px; }
.col_2 .r_4 li a { display: none; position: relative; top: -77px; margin-bottom: -77px; line-height: 77px; background-color: #000; color: #FFF; font-size: 14px; filter: alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7; }
.col_2 .r_4 li a:hover { text-decoration: none; }
.col_2 .r_4 li:hover a { display: block; }
