@charset "utf-8";
.w1220{ width:1220px; margin:0 auto; padding:30px 0px;}

.title1{ width:1220px; margin:0 auto;}
.title1 span{ display:block; float:left; text-align:center; font-size:30px; font-weight:bold; color:#666666; line-height:40px; width:100%;}
.title1 label{ display:block; float:left; text-align:center; font-size:14px; text-transform:uppercase;color:#666666; line-height:30px; width:100%;height: 40px;}
.title1 em{ width: 38px;
    height: 3px;
    margin: 15px auto 0;
    background-color: #023793; display:block; clear:both;}

.gywm{ width:1220px; margin:30px auto; float:left;}
.gywm .gywmVideo{ width:480px; float:left; height:320px;}
.gywm .gywmTxt{ width:710px; float:right;font-size:14px;height:240px; overflow:hidden; line-height:30px;}

.headerits {
    overflow: hidden;
    padding: 30px 0 30px 0;
	background:#fff;
	width:100%;
}

.headerits .headerits-a {
    width: 504px;
    height: 442px;
    border: 3px solid #E5E5E5;
}

.headerits .headeritsb {
    overflow: hidden;
    width: 665px;
    margin-left: 45px;
}

.fl,.f-l{ float:left;}
.fr,.f-r{ float:right;}


.headerits .headeritsb h2 {
    font-weight: normal;
    line-height: 50px;
    height: 50px;
}

.headerits .headeritsb h2 i {
    text-transform: uppercase;
    font-family: Exotc350 Bd BT;
    font-size: 34px;
}

.headerits .headeritsb .headeritsb-c {
    font-weight: bold;
    font-size: 14px;
    color: #333;
    line-height: 24px;
    padding: 10px 0 10px 0;
	text-indent:2em;
}

.headerits .headeritsb .headeritsb-d {
    font-size: 14px;
    color: #666;
	  padding: 5px 0 5px 0;
    line-height: 24px;
	text-indent:2em;
}

.headerits .headeritsb a {
    display: block;
    margin-top: 25px;
    width: 170px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    background: #0143a1;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
	float:left;
}

.headerits .headeritsb a:hover {
    font-size: 15px;
}






.headerits .cast-make{ border:1px solid #e8e8e8; padding:25px 35px; width:430px; height:390px; background:#efefef;}





/*.gywm .gywmTxt span{ display:block; float:left; width:710px; font-size:14px;height:240px; overflow:hidden; line-height:30px;}
.gywm .gywmTxt a{ display:block; float:left; margin-top:30px;}*/


.grayBg{ width:100%; background:#f6f6f6; padding:30px 0px; margin-top:30px;}

.solutionUl{ width:1220px; margin-top:20px;}

/*works*/
.works{ padding-bottom: 0;}
.sec_overview{ font-size: 14px; padding:10px 15px 0; font-style: italic;}
.works_tab{ text-align: center; margin-bottom: 30px;}
.works_tab a{ display: inline-block; vertical-align: bottom; cursor: pointer; font-size: 12px; border: 1px solid #a1a0a0; padding: 3px 20px; margin: 4px;}
.works_tab a:hover,.works_tab a.works_cur{ background-color: #2f2c2c; border-color: #2f2c2c; color: #fff;}
.works_tab a.tab_style1{ font-size: 18px;}
.works_tab a.tab_style2{ font-size: 20px;}
.works_tab a.tab_style3{ font-size: 22px;}
.works_tab a.tab_style4{ font-size: 24px;}
.works_tab a.tab_style5{ font-size: 14px;}
.works_rec{ padding: 0 0; width:1200px; margin:0 auto; overflow:hidden;}
.works_area{ height: auto; padding: 12px; filter: Alpha(Opacity=100); opacity: 1;  margin-bottom:10px;}
.works_area a{ display:block; overflow: hidden; max-width: 272px; margin: 0 auto; box-shadow: 0 10px 20px 0px #bbb;}
.works_img{ overflow: hidden; position: relative; width:272px; height:192px; display: flex; align-items: center; justify-content: center;}
.works_img img{ -webkit-border-radius:15px 15px 0 0; -moz-border-radius:15px 15px 0 0; border-radius:15px 15px 0 0;}
.works_info{ position: absolute; top:0; left:0; z-index: 10; width: 100%; height: 100%; padding: 15px; background: rgba(0,0,0,.50); color: #fff; font-size: 14px; text-align: center; opacity: 0;}
.area_a:hover .works_info {opacity: 1;}
.info_box{  width: 100%; height: 100%; display: table; vertical-align: middle;}
.info_des{ display: table-cell; vertical-align: middle;}
.works_caption{ background: #efeff1; padding: 10px 20px;text-align: center;}
.works_caption em{ display: block; text-transform: uppercase; font-size: 12px; color: #666;}
.works_tit{ font-size: 14px; line-height: 24px; height: 30px; overflow: hidden;}
.works_dis{ height: 0; overflow: hidden; filter: Alpha(Opacity=0); opacity: 0;}

.index_sec{ width: 1220px; margin:0 auto; padding:40px 0; background:#ffffff;  overflow: hidden; background-repeat: no-repeat; background-position: center top; background-size: cover; background-attachment: fixed;}
.sec_tit{ text-align: center; font-size: 28px; margin-bottom: 40px; color: #000;}
.sec_tit em{ display: block; color: #2f2c2c; font-size:30px; font-style: italic; font-family: "Times New Roman", Times, serif;}
.sec_tit em i{ color: #666; text-transform: capitalize; font-style: italic;}
.business_box{ margin: 0 -30px;}
.sec_tit .hr1{width: 60px; height: 1px; border:none; border-bottom: 3px solid #a9a9a9; margin: -4px auto 0 auto;}
.sec_tit .hr2{width: 100%;border:none; border-bottom: 2px solid #e7e7e7; margin:10px auto 0 auto;}

.solutionUl .hd { text-align:center; margin:0 auto; }
.solutionUl .hd ul li { display: inline-block; width:12px; margin-right:15px; height:12px;background:#fff;border:solid 2px #1b57b0;cursor:pointer;border-radius:10px;}
.solutionUl .hd ul li.on { background:#1b57b0; border:solid 2px #1b57b0;}
.solutionUl .bd ul { width:1253px; margin:30px 0px; margin-left:-33px;}
.solutionUl .bd li { float:left; margin-left:33px; width:280px; position:relative;}
.solutionUl .bd ul li img { width:280px; height:245px;}
.solutionUl .bd ul li span{ width:280px; display:block; float:left; text-align:center; height:30px; line-height:30px;}


.caseUl { width:1220px; margin:0px auto; float:left; overflow:hidden;}

.caseUl ul { width:1266px; margin:30px 0px; margin-left:-46px;}
.caseUl ul li{ float:left;width:270px; position:relative; margin:22px 0px 22px 46px;}
.caseUl  ul li img { width:270px; height:165px;}

.caseUl ul li:hover .bdBox{ display:block;}
.caseUl ul li .bdBox { position:absolute; z-index:2; top:0px; left:0px; color:#fff; display:none;}
.caseUl ul li .bdBox .bgBg { position:absolute; width:270px; height:165px;z-index:3; background:#000; top:0px; left:0px; opacity:0.7; }
.caseUl ul li .bdBox .bdCont {position:absolute; z-index:4; top:0; left:0px; width:270px; height:270px; float:left;}
.caseUl ul li .bdBox .bdCont .bdTitle{ width:250px; float:left; padding:20px 10px 20px 10px; font-size:16px; color:#fff;}
.caseUl ul li .bdBox .bdCont .bdTxt { width:250px; float:left; padding:0px 10px; float:left; font-size:14px; color:#fff;}


.caseUl .more , .xwzxUl .more,.works .more{ width:100%; margin:30px 0px auto auto;}
.caseUl .more a , .xwzxUl .more,.works .more a{ width:170px; height:45px; display:block; margin:0 auto;}

.xinwen{width:1104px;margin:0 auto;height:450px; padding:45px 0;}
.xw_titile{height:51px;}
.xinwen .xw1{height:40px;width:1104px;margin-top:30px;margin-bottom:30px;}
.xinwen .xw1 ul li{float:left;width:95px;margin-left:5px;text-align:center;font-size:16px;height:40px;line-height:35px;}

.xw2 .xcon1{width:520px;float:left;height:300px;}
.xw2 .xcon2{width:563px;float:right;}
.xw2 .xcon2 .x21 {font-size:16px;font-weight:bold;color:#000}
.xw2 .xcon2 .x21 a{font-size:16px;font-weight:bold;color:#000}
.xw2 .xcon2 .x22{font-size:14px;color:#7b7b7b}
.xw2 .xcon2 .x23{font-size:12px;color:#cdcdcd}
.xw2 .xcon2 ul li{width:560px;height:85px;margin-top:7px;}
.xw2 .xcon1 span{color:#cdcdcd;font-size:18px;}
.xw2 .xcon1 .xonn{margin-top:15px;font-weight:bold}
.xw2 .xcon1 .xonn a{font-size:16px;color:#000;}




.xwzxUl{ width:1220px; margin:0 auto;}
.xwzxUl ul { width:1260px;margin:30px 0px 30px -40px;}
.xwzxUl ul li{ width:590px; float:left; display:block; margin:20px 0px 20px 40px}
.xwzxUl ul li a.xwzxImg{ width:210px; height:160px; display:block; float:left; position:relative;}
.xwzxUl ul li a.xwzxImg img{ position:absolute; z-index:1; left:0px; top:0px; width:210px; height:160px;}
.xwzxUl ul li a.xwzxImg i{ position:absolute; z-index:2; top:10px; font-style:normal;left:0px; width:72px; line-height:28px;height:28px; background:#1b57b0; text-align:center; color:#fff;}

.xwzxUl ul li .xwzxTxt{ width:350px; float:right;}
.xwzxUl ul li .xwzxTxt a{ width:350px; display:block; float:left; height:30px; line-height:30px; color:#515151; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:10px;}
.xwzxUl ul li .xwzxTxt span{ display:block; float:left; width:350px; height:50px; line-height:25px; color:#7d7d7d; overflow:hidden; margin-top:10px;}
.xwzxUl ul li .xwzxTxt .date{ color:#b2b2b2; float:left; width:350px; margin-top:10px;}


.hzhbUl{ width:1220px; margin:20px 0px; float:left;}
.hzhbUl ul { width:1257px; margin-left:-37px;}
.hzhbUl ul li{ width:170px; height:60px; display:block; float:left; border:solid 1px #a9a9a9;margin:10px 0px 10px 37px; text-align:center;}
.hzhbUl ul li img { height:60px; width:auto; max-width:170px; overflow:hidden;}


.hzhbUlhb{ width:1000px; margin:20px 0px; float:left;}
.hzhbUlhb ul { width:1000px; margin-left:-37px;}
.hzhbUlhb ul li{ width:170px; height:60px; display:block; float:left; border:solid 1px #a9a9a9;margin:10px 0px 10px 37px; text-align:center;}
.hzhbUlhb ul li img { height:60px; width:auto; max-width:170px; overflow:hidden;}


.footBg{ margin-top: 30px; width:100%; background:url(../images/footBg.jpg) top center no-repeat; height:318px;}
.foot{ width:1220px; margin:0 auto; height:220px; padding:25px 0px;}

.foot .footBox1{ width:100px; float:left;}
.foot .footBox1 b{ display:block; float:left; background:url(../images/line2.png) left bottom no-repeat; padding-bottom:10px; height:30px; line-height:30px; color:#fff; font-size:16px; width:100px;}
.foot .footBox1 ul{ display:block; float:left; padding-top:15px;}
.foot .footBox1 ul li{ line-height:30px; width:100px;display:block; float:left;}
.foot .footBox1 ul li a{ color:#fff;}



.foot .footBox2{ width:280px; float:left; margin-left:200px;}
.foot .footBox2 b{ display:block; float:left; background:url(../images/line2.png) left bottom no-repeat; padding-bottom:10px; height:30px; line-height:30px; color:#fff; font-size:16px; width:280px;}
.foot .footBox2 ul{ display:block; float:left; width:280px;padding-top:15px;}
.foot .footBox2 ul li{ line-height:30px; width:140px;display:block; float:left;}
.foot .footBox2 ul li a{ color:#fff;}

.foot .footBox3{ width:360px; float:left; margin-left:160px;}
.foot .footBox3 b{ display:block; float:left; background:url(../images/line2.png) left bottom no-repeat; padding-bottom:10px; height:30px; line-height:28px; color:#fff; font-size:16px; width:280px;}
.foot .footBox3 span{ display:block; float:left; width:250px;margin-top:15px; line-height:28px; color:#fff; background:url(../images/lxwmIcon.png)0px 8px no-repeat; padding-left:30px;}

.foot .footBox4{ width:120px; float:right;}
.foot .footBox4 img{ width:120px; height:120px; display:block; margin:0 auto;}
.foot .footBox4 span{ width:120px; text-align:center; line-height:30px; color:#fff; display:block; float:left;}


.copyright{ width:1220px; margin:0 auto; height:48px; line-height:48px; color:#fff;}
.copyright a{ color:#fff;}



.banner_ny{width:100%; height:260px; margin:0px auto; /*background:url(../images/banner02.jpg) center no-repeat;*/ position:relative;}
.banner_ny0{ width:1200px; margin:0 auto;padding-top:0px;}
.banner_ny0 h1{ color:#fff; font-size:40px; padding-left: 25px; display:block;}
.banner_ny0 span{ color:#fff; font-size:30px; padding-left: 25px; display:block;line-height: 100px;}


.ny{ width:1220px; margin:0 auto;}
.ny01{ width:1220px; margin:0 auto;}
.ny_l{ width:250px; float:left;}
.ny_la dl{ position: relative;}
.ny_la dt{ width:225px; height:70px;padding-left:25px;line-height:70px;background:#155dac; color:#fff; font-size:22px; position:absolute; top:-70px;}
.ny_la dd{ width:100%; background:#f2f2f2; padding-bottom:20px;}
.sub_a_link{ display:block; background: url(../images/ny01.png) no-repeat 25px 50%; padding-left:50px; line-height:50px; border-bottom:1px #e0e0e0 solid;}
.sub_a_hover{ display:block;background:url(../images/ny02.png) no-repeat 25px 50% #e0e0e0; padding-left:50px; line-height:50px; color:#155dac;border-bottom:1px #e0e0e0 solid;}
.ny_la dd a:hover{background:url(../images/ny02.png) no-repeat 25px 50% #e0e0e0; color:#155dac;}
.ny_la dd span{ font-size:16px; font-weight:bold;}
.ny_lb{ width:250px; float:left; margin-top:20px;}


.megamenu{ width:100%; background:#f2f2f2; padding-bottom:20px;}





.ny_r{ width:940px; float:right; padding-top:35px;}
.ny_ra{ width:100%; border-bottom:#cfcfcf 1px solid;margin-bottom: 15px;}
.ny_ra span{ display:block; float:left; color:#155dac; font-size:22px; font-weight:bold; padding-bottom:10px;}
.ny_ra span i{ width:4px; height:21px; background:url(../images/spanBg1.jpg) no-repeat; display:block;float: left;
margin-top: 2px;margin-right: 5px;} 
.ny_ra h2{ float:right; font-weight:normal; font-size:14px;} 

/*分页样式*/
.page_area{padding:25px 0px; text-align:center; clear:both;}

/**********单页展示***********/
.show_single{width:100%; margin:0px auto; padding-bottom:60px;}
.show_single_t{font-size:20px; line-height:20px; color:#000000; text-align:center; padding-bottom:20px;}
.show_single_d{height:35px; line-height:35px; text-align:center; color:#FFFFFF; font-size:14px; background:#cbcbcb;}
.show_single_c{padding-top:10px; font-size:16px; line-height:35px;}

/**********图文混排展示***********/
.show_news_img{width:100%; margin:0px auto;}
.show_news_img ul li{width:100%; padding:10px 0px; text-align:left;}
.show_news_img ul li div{height:160px;/* border:1px solid #ccc; background:#FFFFFF;*/ position:relative;}
/*.show_news_img ul li div:hover{border:1px solid #afd4c7; background:#eff8f5;}*/
.show_news_img ul li div img{width:210px; height:160px; background:#f0f0f0; display:block; position:absolute; left:0px; top:0px; z-index:1;}
.show_news_img ul li div span{width:700px; height:auto; line-height:25px; display:block; color:#555; font-size:14px; position:absolute; left:240px; top:0px; z-index:1;}
.show_news_img ul li div span h3{line-height:40px; font-size:18px; margin:0px;}
.show_news_img ul li div span h3 a{color:#fd8434;}
.show_news_img ul li div span p{width:100%; height:25px; line-height:25px; color:#999; padding-bottom:10px;}

#in_news2{width:920px; float:left; padding:0px 0px;}
#in_news2 ul li{ display:block; float:left; background:url(../images/li_list1.jpg) left center no-repeat; padding-left:10px; line-height:40px; width:910px; border-bottom:dashed 1px #e6e6e6;}
#in_news2 ul li a{ display:block; height:40px; line-height:40px;float:left; width:800px; overflow:hidden;white-space: nowrap;text-overflow: ellipsis;}
#in_news2 ul li span{ color:#999; text-align:right; display:block; float:right;}


.xwzxlll{width:920px; float:left; padding:0px 10px; overflow:hidden;}
.other_list{margin-bottom: 67px; }
.other_list li{height:37px; line-height: 37px; border-bottom: dotted 1px #dddddd;}
.other_list a:hover,.other_list li:hover{ color:#155dac}
.other_list li span{float: right;}
/*=======================翻页样式===========================*/
.pager{text-align:center;padding:50px 0 50px 0;}
.pager a{color:#222222;background-color:#FFFFFF;text-decoration:none;border:#222222 solid 1px;padding:2px 6px;margin-right:5px;}
.pager a:hover{color:#FFFFFF;background-color:#222222;}
.pager .cpb {color:#FFFFFF;background-color:#222222;text-decoration:none;border:#222222 solid 1px;padding:2px 6px;margin-right:5px;}


/*----product---*/

#in_pro{ width:940px; float:left;}
#in_pro ul{ width:940px;}

#in_pro ul li{ float:left; width:250px; height:220px; margin:25px 30px 0px 30px;}
#in_pro ul li a{ width:250px; height:200px; display:block; float:left;}
#in_pro ul li:hover {
    box-shadow: 1px 8px 5px rgba(0,0,0,0.4);
  }
#in_pro ul li a img{ width:250px; height:175px;}
#in_pro ul li a span{ width:250px; height:30px; line-height:30px; text-align:center;display:block;font-size:14px;}

#in_pro1{ width:940px; float:left;}
#in_pro1 ul{ width:940px;}

#in_pro1 ul li{ float:left; width:250px; height:130px; margin:25px 30px 0px 30px;}
#in_pro1 ul li a{ width:250px; height:130px; display:block; float:left;}
#in_pro1 ul li a img{ width:250px; height:100px; border:1px #CCC solid;}
#in_pro1 ul li a span{ width:250px; height:30px; line-height:30px; text-align:center;display:block;font-size:14px;}

#in_pro2{ width:940px; float:left;}
#in_pro2 ul{ width:940px;}

#in_pro2 ul li{ float:left; width:250px; height:200px; margin:25px 30px 0px 30px; text-align:center; background-color:#F4F4F4;}
#in_pro2 ul li a{ width:250px; height:200px; overflow:hidden; display:block; float:left;}
#in_pro2 ul li a img{ width:auto; height:175px;}
#in_pro2 ul li a span{ width:250px; height:30px; line-height:30px; text-align:center;display:block;font-size:14px;}

.pageNav{width:100%;height:30px;line-height:30px;margin:35px 0px 0px 0px;text-align:center; clear:both;}

.subtxt{width:920px; height:22px;  line-height:22px; text-align:center;}
.pernext{width:920px;height:auto; line-height:168%; text-align:left;margin:10px 0px; clear:both; font-size:12px;}

 .tab input {border:1px #CCCCCC solid;}
 
 
 
 .post_content_main {
width:940px;
padding:20px 0;
margin:0 auto;
overflow:hidden;}

.post_content{ width:940px; margin:0 auto; overflow:hidden; padding:15px 0;}

.post_content_main h1,.post_content h1 {
color: #404040;
font-size:24px;
font-weight:bold;
}

.post_time_source {
margin-top: 20px;
font: 12px;
color: #888;
}

.post_body {
position: relative;
margin-top: 20px;
}

.post_time_source a {
color: #888;
}




.post_desc {
position: relative;
padding: 23px 45px 25px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
font: 16px/28px "Microsoft Yahei";
color: #888;
text-indent: 2em;
}

.post_topshare, .post_btmshare {
position: relative;
}
.post_topshare .post_topshare_title, .post_btmshare .post_topshare_title {
display: none;
}

#endText {
width: auto;
margin: 0;
font: 18px/30px "Microsoft Yahei";
color: #404040;
}
#endText {
margin-right: 10px;
overflow: hidden;
text-align: justify;
text-justify: inter-ideograph;
clear: both;
font-size: 14px;
line-height: 24px;
word-wrap: break-word;
}

.post_desc .quot {
left: 0;
top: 10px;
background-position: -54px -2px;
}

.post_desc .quot, .post_desc .unquot {
position: absolute;
width: 42px;
height: 40px;
background: url(../images/sprite2.png) no-repeat;
}


.post_desc .unquot {
right: 0;
bottom: 10px;
background-position: -103px -6px;
}

#endText .f_center {
text-align: center;
text-indent: 0;
}
#endText > p {
font: 18px/32px "Microsoft Yahei";
color: #404040;
text-indent: 2em;
margin: 32px 0 0;
}
#endText p {
font-size: 14px;
text-indent: 2em;
margin: 26px 0;
}
.post_text{ font-size:14px; line-height:30px;}
.post_text img{ max-width:940px;}

.reLink{ border-top:1px #ccc solid; padding-top:20px; font-size:14px; width:100%;}

.reLink a{ font-size:14px;}

.prevLink{width:100%;}
.nextLink{width:100%;}


.post_text .tttt{ width:100%; height:35px; line-height:35px; background:#eaeaea; padding-left:20px; font-size:20px; font-weight:bold; margin-top:35px; margin-bottom:30px;}

.newswarp1{width: 940px;margin: 0 auto;}
.newswarp1 ul li{margin-bottom: 30px;border-bottom: 1px solid #ccc;padding: 30px 0; overflow:hidden;}
.newswarp1 ul li a{display: block;height: 100%;width: 100%;cursor: pointer;}
.newswarp1 ul li:hover .box h2{color: #c34747}

.newswarp1 .model2 .box{width:640px;height: auto;}
.newswarp1 .model2 .box .tit{margin-bottom: 5px;}
.newswarp1 .model2 .tit h2{display: inline-block;max-width: 100%;color: #333;font-size: 18px;font-weight: bold;line-height: 38px;margin-right: 10px;}
.newswarp1 .model2 .tit span{display: inline-block;color: #888888;font-size: 12px;padding-right: 10px;font-weight: normal;}
.newswarp1 .model2 .details{color: #666666;font-size: 14px;line-height: 26px;overflow: hidden;}
.newswarp1 .model2 .pic{width: 260px;height: 160px;overflow: hidden;}
.newswarp1 .model2 .pic img{display: block;width: 260px;height:160px;}
.newswarp1 .model2 .pic:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); }


.section {padding: 60px 0; width: 1220px; margin: 0 auto;}
.section-title {margin-bottom: 40px;text-align: center;font-size: 28px;}
.section-title p {color: #999;font-size: 14px;margin: 5px 0 0;}
.section-title:after {display: block;content: '';width: 38px;height: 3px;margin: 15px auto 0;background-color: #023793;}


.in-about {margin: 0; height: 400px;}
.in-about dt {float: left;}
.in-about dd {margin-left: 480px;}
.in-about dd h4 {margin: 0 0 20px;font-size: 22px;}
.in-about dd h4 small {display: block;color: #999;font-weight: normal;font-size: 14px;}
.in-about dd h4:after {display: block;content: '';width: 38px;height: 3px;margin: 10px 0 0;background-color: #023793;}
.in-about dd p {margin: 0;text-align: justify;color: #666;line-height: 1.8;}
.in-about dd .btn {margin-top: 30px;}
.in-about dd .btn a {display: inline-block;margin-right: 15px;line-height: 38px;background-color: #023793;color: #fff;padding: 0 30px;}

.h-about ul {margin:0px auto; padding:0px 0px;}
.h-about .hd {bottom:30px;height:20px;left:0px;width:100%; }
.h-about .hd ul {width:1220px;text-align:center;margin:0 auto;}
.h-about .hd ul li {display:inline-block;border-radius:0; list-style:none;background:#f6f6f6; width:32px;height:12px; margin-left:15px;cursor:pointer; overflow: hidden;}
.h-about .hd ul li.on { background:#f60502; cursor:pointer;}