﻿@charset "utf-8";
html { background: #fff; color: #000}
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{padding:0px;margin:0px;}
table { border-collapse: collapse; border-spacing: 0}
fieldset,img { border:none;}
del { text-decoration: none}
ins { text-decoration: none}
li { list-style-type: none}
caption { text-align: left}
th { text-align: left}
input,button,textarea,select,optgroup,option{ font-family: inherit;vertical-align: middle;}
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}
body {  color: #000; font-size:14px; line-height:30px; font-family:"微软雅黑"}
a { color: #000; text-decoration: none}
a:hover { color: #cb0900;}
.clear { overflow: hidden; font-size: 0px; height: 0px; clear: both; line-height: 0}
.tr { text-align: right}
.tl { text-align: left}
.center { text-align: center}
.fl { float: left}
.fr { float: right}
.fw { font-family: "微软雅黑","宋体"}
.pa { position: absolute}
.pr { position: relative}
.mt8 { margin-top: 8px}
.font14 { font-size: 14px; font-weight: bold}
.cart_header { margin: 0px auto; width: 760px}
.cart_content { margin: 0px auto; width: 760px}
.cart_footer { margin: 0px auto; width: 760px}
.header { margin: 0px auto; width: 1100px}
.content { margin: 0px auto; width: 1100px}
.left { overflow: hidden; float: left; width: 220px}
.left2 { overflow: hidden; float: left; width: 670px}
.left3 { overflow: hidden; float: left; color: #666; width: 754px}
.lefttop { overflow: hidden; font-size: 0px; height: 3px; background: url(../images/left_top_img.gif) no-repeat}
.left2top { overflow: hidden; font-size: 0px; height: 3px; background: url(../images/left2_top_img.gif) no-repeat}
.leftbot { overflow: hidden; margin-bottom: 10px; font-size: 0px; height: 3px; background: url(../images/left_bot_img.gif) no-repeat}
.left2bot { overflow: hidden; margin-bottom: 10px; font-size: 0px; height: 3px; background: url(../images/right_bot2_img.gif) no-repeat}
.right { overflow: hidden; float: right; margin-left: 5px; display: inline; width: 860px}
.right2 { overflow: hidden; float: right; width: 275px}
.right3 { overflow: hidden; float: right; color: #666; width: 201px}
.right_main { overflow: hidden; border: #d5d5d5 1px solid; border-radius: 4px; }
.right2_main { overflow: hidden; border-top: #d5d5d5 0px solid; border-right: #d5d5d5 1px solid; border-bottom: #d5d5d5 0px solid; padding-bottom: 15px; border-left: #d5d5d5 1px solid; width: 273px}
.left2_main { overflow: hidden; border-top: #d5d5d5 0px solid; border-right: #d5d5d5 1px solid; border-bottom: #d5d5d5 0px solid; padding-bottom: 15px; border-left: #d5d5d5 1px solid; width: 668px;}
.top { background:url(../images/top.jpg) no-repeat center top}
.h_top { height: 28px; color: #fff}
.h_top p { padding:0 8px; line-height:26px;}
.h_top p a { color: #fff; padding-left: 6px; display: inline-block; padding-right: 7px;font-size:12px;}
.h_con { height: 115px}
.h_con h1 img {  margin: auto;}
.h_nav { height: 47px}
.h_nav ul li { font-size: 14px; height: 47px; background: url(../images/nbor.gif) no-repeat right 6px; position: relative; float: left; width:122px}
.h_nav ul li a { height: 47px; color: #272727; line-height: 47px; width:120px; display:block}
.h_nav ul li span { text-align:center; width:122px; display:block}
.h_nav ul li a:hover { background: url(../images/hover1.gif) no-repeat left 3px; color: #272727; text-decoration: none; display: inline-block}
.h_nav ul .cur a { background: url(../images/hover1.gif) no-repeat left 3px; color: #272727; text-decoration: none; display: inline-block}
.h_nav ul .nobot { background: none transparent scroll repeat 0% 0%}
.h_nav ul li .list01 { overflow: hidden; background: url(../images/dhpng.png); position: absolute; left: 0px; top: 47px; width: 100%}
.h_nav ul li .list01 em { overflow: hidden; font-size: 12px; height: 30px; background: url(../images/dhx.png) repeat-x left bottom; font-style: normal; display: inline-block; width: 100%}
.h_nav ul li .list01 em a { overflow: hidden; height: 30px; background: none transparent scroll repeat 0% 0%; color: #ccbab9; line-height: 28px; width: 100%}
.h_nav ul li .list01 em a:hover { background: none transparent scroll repeat 0% 0%; color: #fff}
.soso{width:100%;height:48px;overflow:hidden;background: url(../images/ser.gif) repeat-x;margin-bottom:25px;}
.searchbox{ margin-top: 10px; width: 220px; height: 28px; overflow: hidden; }
.searchbox input{ outline: none; }
#searchtext{ float: left; width: 183px; height: 26px; font-size: 12px; color: #555; text-indent: 10px; line-height: 26px; border: 1px solid #999; border-right: 0; background: none; }
.searss{ float: right; width: 36px; height: 28px; border: 0; cursor: pointer; background:#0f64d8; color:#fff;font-size:12px; }
#apjxq_floors{ display:none}
.h_ser { height: 48px; line-height: 48px;width:400px;overflow:hidden;}
.h_ser p { color: #5c5c5c; padding-left: 10px}
.h_ser a { color: #5c5c5c; padding-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 15px}
.slideBox { width:100%; height:400px; overflow:hidden; position:relative}
.slideBox .bd { position:relative; height:100%; z-index:0}
.slideBox .bd li { zoom:1; vertical-align:middle; height:400px}
.slideBox .num { overflow: hidden; height: 16px; position: absolute; bottom: 20px; left: 48%; zoom: 1; z-index: 3 }
.slideBox .num li { width: 16px; height: 16px; background: #fff; margin-right: 20px; cursor: pointer; float: left; font-size: 0; overflow: hidden; border-radius:16px;}
.slideBox .num li.on { background: #cb0900; }
.s_inp { height: 28px; margin-top: 10px; width: 260px}
.inp01 { font-size: 12px; border-top: medium none; height: 28px; border-right: medium none; background: url(../images/txt.gif) no-repeat; border-bottom: medium none; color: #878787; padding-bottom: 0px; text-align: left; padding-top: 0px; padding-left: 31px; border-left: medium none; line-height: 28px; padding-right: 0px; width: 180px}
.fbg { overflow: hidden; height: 220px; background: #dcdcdc;}
.footer { width:100%;background: #7f7f7f;height:42px;}
.f_nav { height: 42px; text-align: center; line-height: 42px;}
.f_nav a { color: #fff; padding:0 30px; text-align: center; }
.f_con { overflow: hidden; height: 162px; padding-bottom: 0px; padding-top: 24px; padding-left: 0px; padding-right: 0px}
.f_con h1 { overflow: hidden; margin: 26px 14px 0px 68px; display: inline}
.f_con p { border-left:1px dashed #aaa; color: #000;  text-align: left;  padding-left: 14px; line-height: 32px;margin-top:16px;}
.f_con a { color: #000}
.code {  width: 128px; margin-right: 60px;text-align:center;}
.code img { height: 110px; text-align: center; margin: 0px 9px; display: inline-block; width: 110px}
.code span { font-size: 15px; font-weight: bold; color: #e9000a; text-align: center; display: block; line-height: 26px}
.mb10 { margin-bottom: 10px}
.ml10 { margin-left: 10px}
.hzbg { overflow: hidden; height: 256px; background: #fafafa}
.hz { overflow: hidden; height: 256px; margin: 0px auto; width: 1100px}
.hz h2 { overflow: hidden; height: 36px; padding-top: 10px; background:url(../images/bt_li.png) no-repeat bottom center;}
.hz h2 span{margin-top:12px;}
.hz h2 a b{font-size:18px;color:#333;}
.hz h2 a{font-size:16px;color:#ccc;}
.hz_c { overflow: hidden; height: 159px}
.hz_c ul { overflow: hidden; display: inline; width: 920px}
.hz_c ul li { overflow: hidden; float: left; margin: 0px 11px; display: inline; width: 162px}
.hz_c ul li img { border-top: #e1e1e1 1px solid; height: 90px; border-right: #e1e1e1 1px solid; border-bottom: #e1e1e1 1px solid; border-left: #e1e1e1 1px solid; width: 160px}
.hz_c ul li span a { color: #535353; text-align: center; display: block; line-height: 24px}
.h01 { margin-top: 20px}
.prolist { width: 220px}
.prolist h2 { height: 71px}
.list_c0 { border-top: #ccc 1px solid; border-right: #ccc 1px solid; border-bottom: #ccc 1px solid; border-left: #ccc 1px solid}
.list_c { border-top: #fff 0px solid; border-right: #fff 1px solid; border-bottom: #fff 1px solid; padding-bottom: 0px; padding-top: 0px; padding-left: 8px; border-left: #fff 1px solid; padding-right: 8px}
.list_c h4 { overflow: hidden; font-size: 15px; height: 33px; font-family: "微软雅黑"; background: url(../images/listh3.gif) no-repeat; padding-left: 34px; margin-top: 9px; line-height: 33px}
.list_c h4 a { color: #141414}
.list_c ul { overflow: hidden; padding-bottom: 0px; padding-top: 0px; padding-left: 5px; padding-right: 5px}
.list_c ul li { overflow: hidden; height:30px; background: url(../images/lldd01.gif) no-repeat 16px center; border-bottom: #cac8c8 1px dotted; padding-left:30px; line-height:30px}
.list_c ul li a h2{font-size:14px;font-weight:normal;height:30px;line-height: 30px;color: #353535;}
.list_c ul li a h2:hover{color: #cb0900;}
.pro { overflow: hidden; width: 860px}
.pro h2 { overflow: hidden;  height: 46px;  border: #e0e0e0 1px solid;  line-height: 46px}
.pro h2 img { margin: 12px 0px 0px 26px}
.pro h2 span { margin: 8px 12px 0px 0px}
.pro h2 a b{font-size:18px;color:#333;padding-left:10px;}
.pro h2 a{font-size:16px;color:#ccc;}
.p_c { overflow: hidden; padding-bottom: 0px; padding-top: 11px; padding-left: 0px; padding-right: 0px}
.p_c ul li { overflow: hidden; height: auto; float: left; margin: 0px 5px 16px 5px; display: inline; width: 276px}
.p_c ul li img { border-top: #ccc 1px solid; height: 164px; border-right: #ccc 1px solid; background: #faf7f6; border-bottom: #ccc 1px solid; padding-bottom: 5px; padding-top: 5px; padding-left: 5px; border-left: #ccc 1px solid; padding-right: 5px; width: 264px}
.p_c ul li p a { overflow: hidden; color: #050505; text-align: center; display: block; line-height: 30px; font-size:14px}
.p_c ul li p a:hover { color: #cb0900;}
.p_c ul .nobot { margin-right: 0px}
.bd01 { height: 120px; position: relative; margin-top: 20px; width: 1100px}
.dh { font-size: 22px; height: 40px; font-family: arial, helvetica, sans-serif; position: absolute; font-weight: bold; color: #bc0c00; left: 270px; line-height: 40px; top: 33px}
.lc { overflow: hidden; height: 424px; background: #f4f4f4; margin-top: 22px}
.lc h2 { height: 65px; padding-bottom: 0px; padding-top: 22px; padding-left: 27px; padding-right: 27px}
.lc h2 span { margin-top: 5px}
.lc_c { overflow: hidden; height: 301px; background: url(../images/lcbg.jpg) no-repeat 25px 35px; padding-bottom: 0px; padding-top: 35px; padding-left: 25px; padding-right: 0px}
.lc_c ul li { overflow: hidden; font-size: 16px; height: 52px; font-family: "微软雅黑"; float: left; font-weight: bold; padding-bottom: 0px; padding-top: 15px; padding-left: 0px; margin: 0px 98px 32px 100px; display: inline; line-height: 22px; padding-right: 0px; width: 146px}
.lc_c ul li a { color: #222;}
.lc_c ul li a:hover { color: #cb0900;}
.lc_c ul .cur a { color: #cb0900;}
.lc_c ul .nobot { margin: 0px 0px 0px 80px;}
.sbfw { overflow: hidden; height: 500px; margin-top: 15px;}
.sbfw h2 { overflow: hidden; height: 73px;}
.anli{margin:30px 0 40px 0;}
.case_m{width:1100px; margin:0 auto; font-size:30px; color:#353535;line-height:50px; text-align:center; font-weight:bold; overflow:hidden; padding-bottom:10px;}
.case_m a{color:#353535;}
.case_xt{width:1100px; margin:0 auto;}
.case_xt_i{width:300px; height:1px; background:#ccc; margin:0 auto; padding:0px 400px;}
.case_xt_ii{width:100px; height:3px; background:#0f64d8; margin:0 auto; margin-top:-1px;}
.case_s{width:1100px; margin:0 auto; font-size:20px; color:#353535; line-height:50px; text-align:center; overflow:hidden;}
.wrap307{width:1100px; height:454px; margin:35px auto 0;background: url(../images/wrap307.png) left 190px no-repeat;}
.xn_c_index_307_main{width:100%; height:100%;position: relative;}
.xn_c_index_307_listwrap{width:100%; height:100%; position: relative;overflow: hidden;z-index:99}
.xn_c_index_307_list{position: absolute;width:180px; height:126px; opacity:0;left:130px; top:120px;}
.xn_c_index_307_imgbox{width:100%; height:100%;}
.xn_c_index_307_imgbox img{width:100%; height:100%;}
.xn_c_index_307_list0{top:181px; left:26px; z-index:9; opacity:1;}
.xn_c_index_307_list1{top:169px; left:39px; z-index:99; opacity:1;}
.xn_c_index_307_list2{top:157px; left:50px; z-index:199; opacity:1;}
.xn_c_index_307_list3{top:0; left:139px; width:740px; height:454px;z-index:1999; opacity:1;}
.xn_c_index_307_conbox{width:220px; height:240px; position: absolute;top:0;left:0;display:-none;}
.xn_c_index_307_infobox{width:300px; height:334px; position: absolute; top:50px; right:0px;z-index:1999;background: url(../images/infobox307.png) no-repeat;}
.xn_c_index_307_title{width:252px; height:50px; font-size:20px; line-height:50px; overflow:hidden;margin-top: 43px;margin-left: 37px;margin-bottom: 9px;}
.xn_c_index_307_title a{color:#FFF;display: block;width:252px; height:50px;line-height: 50px;white-space: nowrap;
text-overflow:ellipsis;
-o-text-overflow:ellipsis;
overflow:hidden;
-moz-binding:url('ellipsis.xml#ellipsis');}
.xn_c_index_307_title a:hover{color:#ff7f00;}
.xn_c_index_307_time{width:100%; height:24px; font-size:14px; line-height:24px; overflow:hidden;display: none;}
.xn_c_index_307_coent{width:252px; height:96px; line-height:24px; overflow: hidden; font-size:12px; color: #ccc;margin-left: 37px;margin-bottom: 20px;}
.xn_c_index_307_more{width:100%; height:24px; line-height:24px;text-transform: capitalize;margin-left: 37px;font-size: 12px;}
.xn_c_index_307_more a{color:#ccc;}
.xn_c_index_307_more a:hover{color: #fff;}
.xn_c_index_307_btnbox{width:106px; height:59px; position:absolute; left:86px;z-index:199; top:191px;}
.xn_c_index_307_btnbox div{width:53px; height:59px;float: left; cursor:pointer;text-align:center;}
.xn_c_index_307_btnbox div span{display: none;}
#lbtn307{background: url(../images/lbtn.jpg) no-repeat;}
#lbtn307:hover{opacity:0.5px;}
#rbtn307{background: url(../images/rbtn.jpg) no-repeat;}
#rbtn307:hover{opacity:0.5px;}
.co_about{width:100%;background:#f3f3f3;margin-top:10px;}
.about { overflow: hidden; width: 1100px;margin:0px auto;padding:40px 0px 20px 0px;}
.about h2 { height: 102px; text-align: center}
.about h2 img { margin: 32px 0px 0px}
.a_c { overflow: hidden; height: auto;}
.lin_bot{width: 65px;display: block;border-bottom: 4px solid #0f64d8;}
.ab_more{float: right;width:80px;height:32px;line-height: 32px;background:#0f64d8;text-align:center;border-radius:5px;margin-top:10px;}
.ab_more a{color: #fff;}
.a_c dl dt{display:block;margin-top:10px;width:520px;height:320px;border:10px solid #fff;position:relative;box-shadow:0 0 20px 0 #ddd;}
.a_c dl dt:before,.a_c dl dt:after{content:'';position:absolute;width:0;height:0;bottom:-10px;border-style:solid;}
.a_c dl dt:after{border-width:0 0 75px 40px;border-color:transparent #d1d1d1;right:-50px;}
.a_c dl dt:before{border-width:0 40px 75px 0;border-color:transparent #d1d1d1;left:-50px;}
.a_c dl dt img {  height: 320px;  width: 520px}
.a_c dl dd { overflow: hidden;  padding: 10px 0 0 18px;  width: 500px;}
.a_c dl dd h3 a { font-size: 20px; color: #504342; display: block; line-height: 50px;}
.a_c dl dd p { overflow: hidden; color: #6b6b6b; padding-bottom: 20px; line-height: 26px}
.a_c dl dd p a { margin-left: 6px; display: inline-block}
.xc { overflow: hidden; height: 284px; width: 1100px}
.xc_c { overflow: hidden; height: 224px; padding-top: 20px; }
.xc_c ul{margin-right:-14px;}
.xc_c ul li { overflow: hidden; float: left; margin: 0px 14px 0px 0px; display: inline; width: 264px}
.xc_c ul li img {  height: 156px; background: #faf7f6; border: #ccc 1px solid; padding: 5px; width: 252px;}
.xc_c ul li span a { overflow: hidden; color: #222; text-align: center; display: block; line-height: 32px;}
.xc_c ul .nobot { margin-right: 0px}
.news_all{background:#f3f3f3;width: 100%;overflow:hidden;}
.new { margin-top: 20px; width: 530px;}
.new h2 { overflow: hidden; font-size: 14px; height: 27px; background: url(../images/bardt2.png) no-repeat; font-weight: normal; padding-left: 18px; line-height: 24px;border-bottom:1px solid #ccc;}
.new h2 a { color: #fff;}
.new h2 span { margin-top: 8px}
.n_con { padding-top: 14px;margin-bottom:40px; }
.n_con ul li { overflow: hidden; height: 34px; background: url(../images/dd2.gif) no-repeat 6px 15px; padding-left: 22px; line-height: 34px; border-bottom: #cac8c8 1px dotted; }
.n_con ul li span{ font-style: normal; float: right; }
.n_con ul li a { color: #646464;width:300px;height:34px;overflow:hidden;float: left;}
.n_con ul li a:hover{color:#cb0900;}
.faq { overflow: hidden; height: 342px; width: 340px}
.faq h2 { background: url(../images/bardt2.gif) no-repeat}
.linkbg { background: #dcdcdc;border-top:1px solid #ccc;}
.link {  margin: 0px auto; width: 1100px;line-height: 36px;}
.link a{color: #454545;line-height: 36px; padding-right: 2px}
.pro_main { background-color:#fff; border:solid 1px #ccc;  zoom:1;  overflow:hidden;border-radius:5px;}
.pro_curmbs { background:url(../images/dhbg.gif); height:30px; line-height:30px;   padding:0 10px; position:relative; color:#000; overflow:hidden;}
.pro_curmbs a { color:#333;}
.dy_cs{margin:20px auto;width:1100px;}
.agent_con { line-height:30px; margin: 10px 20px; font-size:14px}
.agent_con table img{margin-bottom:10px;}
/*新闻列表*/
.news_con { margin:0 auto; padding:0 10px;}
dl.news_dl {font-size:14px; color:#666; padding:0 5px; line-height:22px; border-bottom:1px dashed #CCCCCC;}
dl.news_dl a{ color:#000; }
dl.news_dl dt { margin-bottom:3px; margin-top:5px; line-height:24px; height:24px;overflow:hidden;}
dl.news_dl .dt_1 { height:20px; font-size:14px; color:#333; font-weight:bold;width:600px;overflow:hidden;float:left; }
dl.news_dl .dt_1:hover {color:#D40426; }
dl.news_dl .dt_2 { font-size:12px; float:right; }
dl.news_dl dd { font-size:12px;height:45px; overflow:hidden; margin-bottom:10px;}
/*分页*/
.fenye{width:100%; margin:10px auto; text-align:center; line-height:40px;overflow: hidden;}
.fenye dd{width:180px; float:left;font-size:14px;}
.fenye ul{width:auto;  float:right; border:none;margin-top:0px;margin-right: 10px;}
.fenye ul span{float:left;width:30px; height:30px; line-height:30px; text-align:center; border:1px solid #333; margin:0px 3px;color:#000;}
.fenye ul span a{ display:block; text-decoration:none;color:#000;}
.fenye ul #current{background:#1065d8;color:#fff;}
/*详情页*/
.info_con_tit { line-height:24px; margin-bottom:15px;}
.info_con_tit span { margin-right:20px;}
.info_con_tit .n_tit {  text-align:center; color:#000; font-size:12px}
.info_con_tit .n_tit a{ color:#BCBBBB;}
.n_info_con { padding:15px; overflow:hidden;line-height:28px;font-size:14px;}
.n_info_con h1 {  border-bottom: 1px dashed #CCCCCC; color: #333; font-size: 22px; line-height: 40px; padding-bottom:10px;  margin-bottom: 10px; text-align: center;}
.n_info_con p{line-height:28px;font-size:14px;}
.n_info_con table img{border:1px solid #e3e3e3;padding:1px;margin:10px 0;}
.gduo{ height:30px; line-height:30px; background:#f7f7f7; overflow:hidden; margin:15px 0px;}
.gduo span{ float:right; width:360px; overflow:hidden; height:30px; display:block;}
.gduo a{  font-weight:bold;}
/*推荐新闻*/
.xglist{ margin-top:12px; overflow:hidden;width: 100%;margin: 10px auto;}
.xglist dl{  overflow:hidden;}
.xglist dl dt{ background:url(../images/dhbg.gif) repeat-x; height:32px; padding-left:12px; line-height:32px; font-weight:bold;font-size:14px;}
.xglist dl dd{ float:left; margin:12px 6px; width:202px; display:inline; }
.xglist dl dd .img{ width:202px; height:auto;}
.xglist dl dd .img img{ width:202px; height:auto; border:1px solid #d5d5d5;}
.xglist dl dd .img a:hover img{ border:#d4211c 1px solid}
.xglist dl dd .txt{ height:30px; line-height:30px; text-align:center;}
.RandomNews {background-color:#fff;}
.diysr{ background:url(../images/dhbg.gif); height:30px; line-height:30px; padding:0 10px; position:relative; color:#000; overflow:hidden;}
.diysr a{color:#6B9F1F;font-weight:bold;}
.diysr a:hover,.tit a:hover{color:#D40426;}
.news_random{padding-top:8px;}
.news_random li{ height:28px;line-height:28px; margin:0 17px 0 17px;  width:395px; float:left;overflow:hidden;border-bottom: #cac8c8 1px dotted;}
.news_random li a{ background:url(../images/ico55.png) no-repeat 0 10px; padding-left:12px; font-size:13px;width: 300px;height: 28px;overflow: hidden;float: left;}
/* -- 产品列表样式 -- */
dl.p_list_dl{ width:270px; overflow:hidden; float:left;padding:8px;}
dl.p_list_dl dt{ width:270px; height:auto;line-height:0; font-size:0;}
dl.p_list_dl dt img{width:266px; height:165px; padding:1px; border:1px solid #D6D6D6; }
dl.p_list_dl:hover dt img{border:1px solid #CB0900; }
dl.p_list_dl:hover dd a{color:#CB0900; }
dl.p_list_dl dd{height:30px; width:270px; line-height:30px; text-align:center; overflow:hidden;}
/*推荐*/
.trendsShow-rt{float:right;width:220px;     border: 1px solid #ccc;}
.trendsShow-rt .news9 h1{overflow:hidden;margin-bottom:10px;background: #0f64d8;height:46px;line-height: 46px;text-indent:16px;}
.trendsShow-rt .news9 h1 span{float:left;font-size:16px;color:#fff;}
.trendsShow-rt .news9 ul li a{display:block;font-size:14px;color:#666;line-height: 36px;height: 36px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-indent: 10px;}