@charset "utf-8";

html{color:#000;background:#FFF; }

body { color:#666;font:12px/1.231 arial,helvetica,clean,sans-serif,"Microsoft YaHei";} /*网站字体颜色*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}

del,ins{text-decoration:none;}

li{list-style:none;}

caption,th{text-align:left;}

q:before,q:after{content:'';}

abbr,acronym{border:0;font-variant:normal;}

sup{vertical-align:baseline;}

sub{vertical-align:baseline;} 

input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}

input,button,textarea,select{*font-size:100%;}

input,select{vertical-align:middle;}

body{font:12px/1.231 arial,helvetica,clean,sans-serif;}

select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}

table{font-size:inherit;font:100%; border-collapse:collapse;}

pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*title*/

h1 { font-size:32px;}

h2 { font-size:26px;}

h3 { font-size:20px;}

h4 { font-size:14px;}

h5 { font-size:12px;}

h6 { font-size:10px;}



.mt10{ margin-top:10px;}



/*common*/

a { color:#666; text-decoration:none; font-family:"Microsoft YaHei";}  /*for ie f6n.net*/

a:focus{outline:0;} /*for ff f6n.net*/

a:hover { text-decoration: none; font-family:"Microsoft YaHei";}

.vam { vertical-align:middle;}

.clear{clear:both; height:0; line-height:0; font-size:0;}

p{ word-spacing:-1.5px; font-family:"Microsoft YaHei";}

.tr { text-align:right;}

.tl { text-align:left;}

.center { text-align:center;}

.fl { float:left;}

.fr { float:right;}

.pa{ position:absolute;}

.pr{ position:relative}

i,em { font-style:normal; font-family:"Microsoft YaHei";}

/* -- 购物车外部框架 -- */

.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}







/* -- 页面整体布局 -- */

.header , .content , .footer { width:960px; margin:0 auto;}

.left { width:960px; float:left; overflow:hidden;}

.left2 { width:670px; float:left; overflow:hidden;}

.left3 { width:754px; float:left; overflow:hidden; color:#666;}

.lefttop { background:url(../images/left_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-top:10px;}

.left2top { background:url(../images/left2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}

.leftbot { background:url(../images/left_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;  margin-bottom:10px;}

.left2bot { background:url(../images/right_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px; }



.right { width:735px; float:left; display:inline; margin-left:24px; overflow:hidden;}

.right2 { width:275px;  float:right; overflow:hidden;}

.right3 { width:201px; float:right; overflow:hidden; color:#666;}

.righttop { background:url(../images/right_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}

.right2top { background:url(../images/right2_top_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden;}

.rightbot { background:url(../images/right_bot_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}

.right2bot { background:url(../images/left_bot2_img.gif) no-repeat; height:3px; font-size:0; overflow:hidden; margin-bottom:10px;}



.right_main { width:735px; padding-bottom:15px; overflow:hidden; }

.right2_main { width:273px; padding-bottom:15px; overflow:hidden;}

.left2_main { width:668px;  padding-bottom:15px; overflow:hidden;}



.h_nav li a:-webkit-any-link{ display:block;}



/*头部开始*/

.t_bg {  height:223px; overflow:hidden;}



.h_top { height:45px; line-height:45px; overflow:hidden;}

.h_top i { float:left;}

.h_top p { float: right; color:#adacac}

.h_top p a { padding:0 5px; color:#adacac}

.h_top p q a { color:#656565;}

.h_top p .ico01 { background:url(../images/ico01.gif) no-repeat 0 15px; padding:0 20px; display: inline-block;}

.h_top p .ico02 { background:url(../images/ico02.gif) no-repeat 0 15px; padding:0 20px; display: inline-block;}

.h_top p .ico03 { background:url(../images/ico03.gif) no-repeat 0 15px; padding:0 20px; display: inline-block;}

.h_top p .ico04 { background:url(../images/ico04.gif) no-repeat 0 15px; padding-left:20px; display: inline-block;}



.h_con { height:133px; width:960px; overflow:hidden}

.h_con h1 { padding:22px 0 0; float:left;}

.h_bt { padding:16px 0 0 51px;}

.h_pho { margin-top:47px; color:#555; background:url(../images/h_pho.gif) no-repeat left 0; padding-left:60px; font-family:"Microsoft YaHei";}

.h_pho span { color:#615d5c; font-size:27px; display:block;}



.h_nav { height:49px; line-height:49px; }

.h_nav ul li { float:left; border-left:solid 1px #f5f5f5}

.h_nav ul .nobor01 { border-right:solid 1px #f5f5f5;}

.h_nav ul li a { display: inline-block;
padding: 0 29px;
color: #444;
font-size: 15px;
font-weight: bold;}

.h_nav ul li a:hover,.h_nav ul .cur a {color:#444; border-top:solid 2px #f3a522; }
.menu {
    height: 60px;
    border-top: 1px solid #ccc;
    background: #fff;
}


.h_ser { width:960px; margin:0 auto;}



.s_inp { width:410px; margin:60px auto 0}

.inp01 { background:url(../images/s_inp.gif) no-repeat; width:343px; height:41px; line-height:41px; border:none; padding:0 10px; float:left; font-size:12px; color:#3e3e3e; font-family:"Microsoft YaHei";}

.h_ser p { text-align:center; clear:both; line-height:30px; padding-top:5px;}

.h_ser p a { padding:0 6px; color:#888;}

/*头部结束*/



/*底部开始*/

.f_bg { background:#f0f0f0; height:376px; margin-top:55px; padding-top:50px;}



.f_nav { width:215px; border-right:solid 1px #ddd; height:205px;}

.f_nav i { display:block;}

.f_nav p { display:block; padding-top:30px; display:inline-block}

.f_nav p a { display:block; font-size:12px; color:#595959; background:url(../images/f_ico01.gif) no-repeat 0 0; padding-left:24px; height:30px; float:left; width:65px;}



.yq { padding: 0 30px;}

.yq span { display:block; padding-top:30px; display:inline-block}

.yq span a { display:block; float:left; height:29px; line-height:29px; overflow:hidden; border: solid 1px #2e2e2e; width:79px; text-align:center; float:left; margin:0 11px 8px; display:inline;}

.yq em { display:block; padding-top:15px; line-height:30px;}

.er img{ margin:19px 40px; text-align:center;}



.f_p { border-top:solid 1px #ddd; margin-top:60px; height:55px; line-height:55px;}

.f_p span { float:right;}

.f_p span a { padding:0 5px;}



/*底部结束*/

/*common.css*/





/*index*/

@charset "utf-8";

/* CSS Document */



/*common*/

body { font-family:"Microsoft YaHei";}

.mb10 { margin-bottom:10px;}

.ml10 { margin-left:10px;}

.bg { background:#FFF;}

span { overflow:hidden;}/*兼容IE8*/



/*正文开始*/

.banner a { height:599px; display:block}



/*产品中心*/

.zx { padding-top:55px;margin-bottom: 40px;}

.zx dl {float: left;
width: 143px;
text-align: center;
padding-right: 19px;}

.zx .nobor01 { padding:0;}

.zx dl dt { height:155px; background:url(../images/zx_xx.gif) no-repeat center bottom;}

.zx dl dt a { font-family:"宋体"; font-size:18px; color:#555;}



.zx dl dt a i{width:104px; height:89px; display:block; margin:0 auto 15px;}

.zx dl dt a .zx_i { background:url(../images/can.gif) no-repeat; }

.zx dl dt a:hover .zx_i { background:url(../images/can.jpg) no-repeat;}

.zx dl dt a .zx_i2 { background:url(../images/cha.gif) no-repeat;}

.zx dl dt a:hover .zx_i2 { background:url(../images/cha.jpg) no-repeat;}

.zx dl dt a .zx_i3 { background:url(../images/gong.gif) no-repeat;}

.zx dl dt a:hover .zx_i3 { background:url(../images/gong.jpg) no-repeat;}

.zx dl dt a .zx_i4 { background:url(../images/jiu.gif) no-repeat;}

.zx dl dt a:hover .zx_i4 { background:url(../images/jiu.jpg) no-repeat;}

.zx dl dt a .zx_i5 { background:url(../images/xiang.gif) no-repeat;}

.zx dl dt a:hover .zx_i5 { background:url(../images/xiang.jpg) no-repeat;}

.zx dl dt a .zx_i6 { background:url(../images/hua.gif) no-repeat;}

.zx dl dt a:hover .zx_i6 { background:url(../images/hua.jpg) no-repeat;}




.zx dl dt a img { display:block; width:104px; margin:0 auto 15px;}

.zx dl dt a em { display:block; font-size:13px; padding-top:3px; width:150px;}

.zx dl dd { padding-top:5px;}

.zx dl dd a { display:block; color:#555; line-height:28px;}

.zx dl dd a:hover { display:block; font-weight:bold; color:#F0A623; line-height:28px;}



/**/

.rx { padding-top:25px; display:inline;}

.rx_pic { padding-top:40px; position:relative;}

.rx_pic i { display:block; position:absolute;}

.rx_pic .rx_i01 { top:305px; left:-65px;}

.rx_pic .rx_i02 { top:305px; right:-65px;}

.rx_pic span { background:url(../images/cp_spbg.png) no-repeat; height:40px; line-height:40px; display:block; position:absolute; top:596px; left:0; width:960px;}

.rx_pic span a { font-size:14px; color:#fff; padding-left:25px;}

.rx_pic a img { width:960px; height:596px;}

.rx_pic i img { width:16px; height:27px;}



.rx_con { padding-top:14px;}

.rx_con ul li { float:left; width:226px; margin:0 6px; position:relative; overflow:hidden; line-height:0;}

.rx_con ul .nobor01 { margin:0;}

.rx_con ul li a { display:block;}

.rx_con ul li a img { width:226px; height:140px;}

.rx_con ul li .rx_p { background:url(../images/cp_spbg02.png) repeat; width:226px; height:140px; position:absolute; top:0; left:0; display: none; text-align:center; color:#fff; font-size:14px; padding-top:66px;}

.rx_con ul li .rx_p i { display:block; width:50px; text-align:center; float:left; padding:40px 0 0 20px;}

.rx_con ul li .rx_p i img { width:37px; height:37px; display:block; margin:0 auto;}

.rx_con ul li .rx_p i a em { display:block; height:35px; line-height:35px; color:#fff;}

.cp_but { clear:both; background:url(../images/cp_xx.gif) no-repeat 0 15px; text-align:center; margin-top:53px;}

 

/*誉满天下*/

.tx { text-align:center; padding-top:57px;}



.tx_con { background:url(../images/tx_pic.jpg) no-repeat center 0; height:630px; margin-top:50px; overflow:hidden}

.tx_con2{ background:url(../images/tx_pic_2.jpg) no-repeat center 0; height:630px; margin-top:50px; overflow:hidden}

.tx_con3{ background:url(../images/tx_pic_3.jpg) no-repeat center 0; height:630px; margin-top:50px; overflow:hidden}

.tx_con4{ background:url(../images/tx_pic_4.jpg) no-repeat center 0; height:630px; margin-top:50px; overflow:hidden}

.tx_con5{ background:url(../images/tx_pic_5.jpg) no-repeat center 0; height:630px; margin-top:50px; overflow:hidden}

.tx_con6{ background:url(../images/tx_pic_6.jpg) no-repeat center 0; height:630px; margin-top:50px; overflow:hidden}



.tx_list { width:960px; margin:0 auto; padding-top:480px;}

.tx_list ul li { float:left; margin-right:32px;}

.tx_list ul .nobor01 { margin:0;}

.tx_list ul li a { background:url(../images/tx_libg01.gif) no-repeat; width:133px; height:148px; display:block; text-align:center;}

.tx_list ul li a:hover, .tx_list ul .cur a { background:url(../images/tx_libg02.gif) no-repeat;}

.tx_list ul li a i { display:block; padding-top:17px; font-size:50px; color:#fff; font-family:"宋体";}

.tx_list ul li a span { display:block; text-align:center; font-size:14px; color:#fff;}



/*完美出品*/

.wm { padding:35px 0 68px; width:350px; margin:0 auto}

.wm i { display:block; text-align:center;}

.wm span { display:block; text-align:center; padding-top:22px;}

.wm span img { padding:0 25px;}



/*优势*/

.ys01 { background:url(../images/ys01.jpg) no-repeat center 0; height:1090px;}

.ys_bt { padding-top:109px; text-align:center}

.ys01 p { padding:75px 64px 0 38px; float:left; width:355px; overflow:hidden;}

.ys01 p i { padding-bottom:25px; display:block}

.ys01 p span { display:block; line-height:25px; color:#444; font-size:14px;}

.ys01 em { display:block; padding-top:370px; text-align:center;}

.ys01 em img { margin:0 26px;}

.ys_con { padding-top:80px;}

.ys_con p { padding-top:0;}



/*广告*/

.pic01 { background:url(../images/pic01.jpg) no-repeat center 0; height:226px;}

.pic { width:960px; margin: 0 auto;}

.pic01 p { position:absolute; top:50px; left:85px; font-family:"宋体"; font-size:16px; line-height:18px; color:#000; width:21px;}



.pic02 { background:url(../images/pic02.jpg) no-repeat center 0; height:358px; margin-top:92px;}

.pic02 p { position:absolute; top:270px; left:327px;}

.pic02 p img { margin-right:78px;}



/*客户*/

.kh { /*padding-top:80px;*/}

.kh_top { background:url(../images/kh_xx.gif) repeat-x 0 16px;}

.kh_top span { float:right; padding:5px  0 0 10px; background:#fff;}



.jz_con { padding-top:32px; display:inline-block;} 

.jz_con dl {float: left;
width: 223px;
padding: 7px;
display: inline;
overflow: hidden;}
.jz_con dl dt{border: 1px solid #b5b5b5;
width: 228px;
height: 121px;overflow: hidden;}
.jz_con dl dt:hover{border: 1px solid #ff7f00;}
.jz_con .nobor01 { padding:0;}

.jz_con dl dt img {width: 218px;
height: 112px;
padding: 5px;}
.jz_con dl dt img:hover{-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    transition: 0.6s;
    overflow: hidden;
    opacity: 0.7;}
.jz_con dl dd { text-align:center; padding-top:10px;}

.jz_con dl dd h3 { height:25px; overflow:hidden;}

.jz_con dl dd h3 a { font-size:12px; color:#676767;}

.jz_con dl dd p { color:#959595; line-height:22px; height:70px;}

.jz_con dl dd span { display:block; padding-top:10px; height:20px; border-top:solid 1px #d1d1d1;border-bottom:solid 1px #d1d1d1}

.jz_con dl dd span a { padding:0 20px;}



/*陶治心灵，润泽人生*/

.zj_top { padding-top:15px;}

.zj_nav { padding-top:51px;}

.zj_nav ul li { float:left; margin-right:84px;}

.zj_nav ul .nobor01 { margin:0;}

.zj_nav ul li a { background:url(../images/zj_libg01.gif) no-repeat; width:177px; height:60px; line-height:60px; font-size:16px; color:#191a1a; text-align:center; display:block; font-weight:bold;}

.zj_nav ul li a:hover,.zj_nav ul .cur a { background:url(../images/zj_libg02.gif) no-repeat; color:#fff;}



.zj_con { padding:35px 0 0;}

.zj_con dl { height:275px;}

.zj_con dt { float:left;overflow: hidden;}

.zj_con dt img { width:478px; height:270px;}
.zj_con dt img:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.1);
    transition: 0.6s;
    overflow: hidden;
    opacity: 0.7; width:478px; height:270px; display:block;}

.zj_con dd { float:left; width:481px; }

.zj_con dd h3{  height:30px; text-align:center; padding-bottom:5px;}

.zj_con dd h3 a { font-size:22px;color:#444; font-weight:normal;}

.zj_con dd p { line-height:22px; background:url(../images/zj_pbg.gif) no-repeat; width:400px; height:195px; margin-left:15px; padding:10px 25px 0 40px;font-size: 15px;}

.zj_con dd p a { color:#0f81d0;}

.zj_con dd i { display:block; text-align:center}



/*印象陶润*/

.yx { padding-top:68px;}

.yx_con { padding:35px 0 0; display:inline-block}

.yx_con ul li { float:left; width:222px; padding:0 9px; display:inline; overflow:hidden}

.yx_con ul .nobor { padding:0;}

.yx_con ul li a img { width:222px; height:145px;}

.yx_con ul li span a { display:block; height:36px; line-height:36px; text-align:center; color:#000; border-top:solid 1px #e8e8e8; border-bottom:solid 1px #e8e8e8; margin-top:18px;}

.yx i { display:block; margin:27px 0 0 450px;}



/*陶润动态*/

.dt { margin:42px 39px 0 0;}

.dt h3 { padding-bottom:35px;}



.dt i img { width:294px; height:138px;}

.dt ul { padding-top:20px;}

.dt ul li { background:url(../images/dt_libg.gif) no-repeat; width:250px; height:50px; line-height:50px; padding: 0 0 0 43px;  overflow:hidden;}

.dt ul .nobor { height:48px; overflow:hidden}

.dt ul li span { float:right; color:#676767;}

.dt ul li a { color:#676767;}



/*问答*/

.wd { margin:42px 0 0;}

.wd_con dl { padding:21px 0; border-bottom: solid 1px #e1e1e1;}

.wd_con .nobor { border-bottom:none;}

.wd_con dl dt { background: url(../images/wd_w.gif) no-repeat left 6px; height:30px; line-height:30px; padding-left:30px; overflow:hidden;}

.wd_con dl dt a { color:#343231;}

.wd_con dd { background:url(../images/wd_d.gif) no-repeat left 4px; width:220px;  line-height:25px; padding-left:30px;color:#343231; font-family:"Microsoft YaHei";}

.wd_con dd a { color:#343231;}



/*友情链接*/

.link{ padding:10px 0 0px; clear:left;}

.link_t{ height:32px; line-height:32px; border-bottom:#e4e4e4 1px dotted; overflow:hidden;}

.link_t a{ font-family:"Didot"; font-size:24px; color:#424242;}

.link_t span{ float:right;}

.link_t span a{ font-family:"Microsoft YaHei"; font-size:14px; color:#424242;}

.link p{ height:60px; line-height:30px; overflow:hidden; padding:8px 0 0;}

.link p a{ font-size:14px; color:#333; display:inline-block; padding:0 12px;}

/*index.css*/







/*--客服--*/

.ImTable *{padding:0px;margin:0px}

.ImTable{border-collapse:collapse;border:none;background:url(../images/bg.gif)}

.ImTable h2{font-size:14px;font-weight:bold;margin-top:5px}

.ImHeader{height:45px;background:url(../images/im_01.gif)}

.ImRow0{background:url(../images/ico_item1.gif) no-repeat;margin:12px  10px 0;height:32px; text-align:center; padding-top:5px;overflow:hidden; }

.ImRow1{background:url(../images/ico_item1.gif) no-repeat;margin:6px 10px 0;height:24px;text-align:center;padding-top:5px;overflow:hidden;}

a.im,a:hover.im{text-decoration:none;height:35px;color:#fff; font-size:13px;}

.ImFooter{height:119px;background:url(../images/im_04.gif) no-repeat; display:inline-block; width:150px;font-family:Arial,Helvetica,sans-serif;}

.ImFooter h5{font-size:14px;font-weight:normal; color:#191a1a;text-align:center;margin:52px 0 0;font-family:'宋体';}

.ImFooter p{font-size:20px;font-weight:bold;  color:#191a1a;text-align:center;margin:10px 0;}





/* -- 弹出窗口 -- */

#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;}

#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}

#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}

#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }

#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}

#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}

#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}

/*flash切换*/

#flashs { position:relative; height:557px;overflow:hidden;}

#flashs .bgitem { position:absolute;top:0;left:0; }

#flashs .btn{ position:absolute; z-index:7; bottom:8px; right:50%; margin-right:-480px; padding:24px 6px;}

#flashs .btn span{ color:#fff;  background:#191a1a; border:1px solid #191a1a; cursor: pointer;display: inline-block;margin-left: 5px;padding:2px 6px;}

#flashs .btn span.cur{ background:#191a1a; color:#fff;}



.f-wrap {
    height: 180px;
    font-family: 'Microsoft YaHei';
    padding-top: 10px;background: #3e3e3e;
}

.footer {
    width: 960px;
    margin: 10px auto;
    overflow: hidden;
}


.footer-a {
    height: 59px;
    line-height: 30px;
    color: #cdd3ec;
    margin: 10px auto;
    width: 710px;;border-bottom: 2px #FFF dotted;
}

.footer-a a {
    color: #fff;
    text-align: center;
    padding: 0;
    display: inline-block;
    margin: 0 10px;
}

.footer .footer-a span {
    margin: 0 5px;
    padding: 0;
}

.footer-b {
    padding: 30px 0 0 5px;
}

.footer-b p {
    color: #fff;
    line-height: 24px;
    overflow: hidden;
}

.zj_bg {
    margin-bottom: 50px;
}

#roll_top {
    background: url(../images/top_03.png) no-repeat;
}

#roll {
    display: block;
    width: 15px;
    margin-right: -500px;
    position: fixed;
    right: 50%;
    top: 66%;
}
#roll_top {background: url(../images/top_03.png) no-repeat;}#roll_top, #fall, #ct {position: relative;cursor: pointer;height: 41px;width: 36px;z-index: 10;}


.head {
    line-height: 30px;
    background: #fff;
}

.f1 {
    width: 100%;
    margin: 0 auto;
}

.head p {
    text-align: right;
}
.f2 {
    width: 1100px;
    margin: 0 auto;
}

.head p a {
    color: #333;
    padding: 0 5px;
}
.top {
    height: 105px;
    padding-top: 35px;
    background: #fff;
}
.f1 {
    width: 100%;
    margin: 0 auto;
}
.top .top_con {
    position: relative;
}

.f2 {
    width: 1100px;
    margin: 0 auto;
}

.top .top_left {
   float: left;
width: 318px;
height: 155px;
background: url(../images/logo.jpg) top left no-repeat;
text-indent: 45px;
margin-top: -62px;margin-left: -128px;
}

.top .top_right {
    float: right;
    height: 65px;
    background: url(../images/tel.png) top left no-repeat;
    text-indent: 55px;margin-right: 145px;
}

.top .top_right p {
    font-size: 14px;
    color: #666;
}

.top .top_right span {
    font-size: 26px;
    color: #ed2933;
    display: block;
    letter-spacing: 0.8px;
    font-family: impact;
}



.news {
    padding: 60px 0;
}


.wid940 {
    width: 940px;
    margin: 0 auto;float: left;
}

.news .n-box {
    width: 460px;
}

.news .n-box .title {
    padding: 15px 10px;
    height: 33px;
    background: url(../images/line.gif) repeat-x;
}
.news .n-box .title p {
    margin-top: -3px;
    font-size: 18px;
}

.news .n-box .title p span {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
}
.news .n-box .title a {
color: #666;
font-size: 12px;
margin-top: -26px;
float: right;
}

.news .n-box .n-list {
    padding: 0 5px;
}
.news .n-box .n-list li {
    margin: 36px 0 0;
    min-height: 41px;
}
.news .n-box .n-list li .time span.kh-left {
    background-position: 0 -286px;
}
.news .n-box .n-list li .time span {
    display: block;
    width: 8px;
    height: 39px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.news .n-box .n-list li .time em {
    display: block;
    color: #969696;
    font-size: 36px;
    height: 36px;
    line-height: 36px;
    margin: 0 12px;
}

.news .n-box .n-list li .time span.kh-right {
    background-position: -9px -286px;
}

.news .n-box .n-list li p {
    margin-left: 15px;float: left;
}

.news .n-box .n-list li p a {
    color: #333;
}

.news .n-box .n-list li p span {
    margin-top: 10px;
    display: block;
    color: #999;
}

.news .n-box {
    width: 460px;float: left;
}