@charset "UTF-8";
body{ color: #555;}
.ermenu{border-bottom:1px solid #ccc;}
a:hover{ color: #E41317;}.mb5{ margin-bottom: 5px;}.mb10{ margin-bottom: 10px;}.mb25{ margin-bottom: 25px;}.mb30{ margin-bottom: 30px;}.Black, a.Black{ color: #000;}.f16{ font-size: 16px;}.f18{ font-size: 18px;}.f20{ font-size: 20px;}.f24{ font-size: 24px;}.f15{ font-size: 15px;}.fr{ float: right;}.lh180 { line-height: 180%;}.lh150 { line-height: 150%;}.cen{ text-align: center;}.banBox,.banBox img{ width: 100%; height: auto;}.banBox{ overflow: hidden;}.LocationCont{ position: relative;}.LocationCont .Location{ width: 210px; height: 78px; line-height: 78px; background: url(../images/location.jpg) no-repeat; position: absolute;    left: 0; bottom: 0;}.Location span{ display: block; text-align: left; padding-left: 26px; font-size: 18px; color: #fff;}.ContainerCont{ width:100%; max-width:1650px; margin:0 auto; background:url(../images/cont_bg.jpg) repeat-x #E9E9E9;}.ContainerCont .wap{ padding-bottom: 100px;}.Cont_l{ width: 214px; float: left;}.sidemenu{ background: url(../images/nav_c.jpg) repeat-y; padding: 20px 4px 30px 2px;}.sidemenu ul li{ height: 35px; padding-bottom: 3px; line-height: 35px; background: url(../images/line.gif) repeat-x bottom; font-size: 13px;}.sidemenu ul li a{ display: block; height: 35px; padding-left: 10px; background: url(../images/normal.gif) no-repeat 175px center; text-transform: capitalize;}.sidemenu ul li.active a{ background: url(../images/hover.gif) no-repeat 175px center #E41317; color: #fff;}.Cont_l .NavBottom{ height:5px; overflow:hidden; background:url(../images/nav_b.jpg) no-repeat; margin-bottom:5px;}.Cont_l .LeftImg{ width:212px; height:113px; background:url(../images/nav_left_bg.jpg) no-repeat; padding:2px 0 0 2px;}.Cont_r{ width: 855px; float: right;}.Current{ text-align:right; color:#000; background:url(../images/current_line.gif) repeat-x bottom; padding:40px 0 15px; margin-bottom:40px; }.Current .Icon{ background:url(../images/current.gif) no-repeat; padding-left:24px; }.Current a:link,.Current a:visited{ color:#000; }.Current a:hover,.Current .Icon span{ color:#E41317; }.aboutA,.aboutB,.newlist li{ padding-bottom: 32px; background: url(../images/line2.gif) repeat-x left bottom; margin-bottom: 30px;}.ableft,.abright{ display: inline-block; vertical-align: middle;}.ableft h5{ font-size: 16px; margin-bottom: 15px; color: #000;}.ableft p{ line-height: 180%;}.ableft{ width: 76%;}.abright{ width: 20%;}.abright img{ width: 100%; height: auto;}.newlist{ width: 100%; height: auto;}.newlist li .newpic,.newlist li .newwen{ display: inline-block; vertical-align: top; width: 75%;}.newlist li .newpic{ width: 22%;}.newlist li .newpic img{ width: 100%; height: auto;}.newwen a.Black:hover{ color: #E41317;}.Detail a{ display:inline-block; height:24px; line-height:24px; padding:0 10px; }.Detail a:link,.Detail a:visited{ background:#000; color:#fff; }.Detail a:hover{ background:#E41317; }

/*分页*/
.pages{ text-align: right;font-size:12px;}
.pages a,.pages span{ margin: 0 3px; display: inline-block; line-height: 15px; padding: 0 10px; height: 25px; line-height: 25px; color: #fff; background: #000;}
.pages .current,.pages a:hover{ background: #E41317;}
.pages b{font-weight:400;}

.newread{ width: 100%; overflow: hidden; margin-bottom: 2%; background: url(../images/line2.gif) repeat-x left bottom; padding-bottom: 3%;}.newread h1{ text-align: center; font-size: 24px; padding-bottom: 10px; background: url(../images/line2.gif) repeat-x left bottom;}.newread p img{ max-width: 100%; display: block; margin: 0 auto;}

.prenext { text-transform: capitalize; color: #666; line-height: 1.2; margin: 1% 0; font-size:12px;background: #eaeaea; line-height: 24px;}
.prenext b, .prenext strong { font-weight: bold; padding-right: 5px; color: #E41317; }
.prenext strong{ font-size: 14px;}
.prenext a { white-space: nowrap;}.applimain h1{ font-size: 24px; padding-bottom: 10px; }.bigpic img{ width: 100%; height: auto;}.appli{ margin-top: 3%;}.appli li{ display: inline-block; width: 23%;}.appli li img{ width: 100%; height: auto;}.appli li span{ display: block; height: 30px; line-height: 30px; text-align: center;    background: #000; color: #fff;}.applimain .des{ line-height: 24px; margin-top: 30px; font-size: 14px;}.conli{ width: 100%;}.conli ul{ text-align: right;}.conli ul li{ display: inline-block; padding: 0 20px; font-size: 15px; margin-left: 2%; position: relative; background: #000;}.conli ul li a{ color: #fff; line-height: 30px;}.conli ul li.active{ background: #f71717; }.conli ul li.active:after{ content: ''; width: 0; height: 0; border-style: solid; border-color: #f71717 transparent transparent transparent; border-width: 6px; position: absolute; left: 50%; margin-left: -6px; bottom: -12px;}.conmain>ul>li{ display: none; padding-top: 3%;}.conmain>ul>li.active{ display: block;}.dometop .map,.dometop .location{ display: inline-block; width: 38%; vertical-align: top;}
.map p{font-size: 16px;}
.dometop .map{ width: 1105px; border: 2px solid #ccc;}
.lxfs{margin-top:28px;}
.lxfs p{font-size:18px;}
.dometop .location p{ font-size: 14px; margin: 2% 0;}
.network1{width: 100%;font-size: 14px;text-align:center;}
.network{ width: 100%; margin-top: 14%;font-size: 14px;text-align:center;}
.network1 h1{ float:right;margin-right:150px;font-weight:bold;}
.network1 p{float:right;text-align:justify;font-size:16px;margin-top:20px;}
.network h5{ font-size: 20px;}
.network h1{ float:right;margin-right:150px;font-weight:bold;}

.network p{float:right;text-align:justify;font-size:17px;}
.network img{}
/*support页面样式*/
.f10{font-size:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.ServiceDl dt{float:left;height:160px;width:183px;}
.ServiceDl dd{background:#585152 none repeat scroll 0 0;border-right:3px solid #e41317;color:#ebebeb;float:right;height:160px;padding:10px 10px 0 25px;width:670px;}
.mb5{margin-bottom:5px;}
.YaHei{font-family:Arial;}
.f16{font-size:16px;}
.ServiceDl dd ul li{line-height:15px;margin-bottom:5px;padding-left:16px;text-indent:-10px;}
.Service1{margin-top:20px;background:rgba(0, 0, 0, 0) url("../images/img1.png") no-repeat scroll 0 0;height:201px;margin-bottom:120px;position:relative;width:532px;}
.Service1 .Item1{left:25px;top:-7px;width:244px;}
.Service1 .Item{line-height:16px;position:absolute;}
.Service1 .Item2{left:430px;top:-10px;width:224px;}
.Service1 .Item3{left:30px;top:210px;width:254px;}
.Service1 .Item4{left:540px;top:159px;width:200px;}
.Tips{background:#e41317 none repeat scroll 0 0;color:#fff;font-weight:bold;height:38px;line-height:38px;padding-left:15px;position:relative;}
.Tips i{background:rgba(0, 0, 0, 0) url("../images/tip_a1.gif") no-repeat scroll 0 0;display:block;height:9px;overflow:hidden;position:absolute;right:20px;top:15px;width:9px;}
.dashed_line{background:rgba(0, 0, 0, 0) url("../images/line2.gif") repeat-x scroll 0 0;display:block;height:2px;overflow:hidden;}
.newread dl{margin-top:10px;}

/* Education */
.Process{background:#df0000 url("../images/img2a1.jpg") no-repeat scroll 0 0;color:#fff;font-size:24px;height:72px;line-height:72px;padding-left:70px;}
.mb35{margin-bottom:35px;}
.Red, a.Red{color:#e41317 !important;}
.mb25{margin-bottom:25px;}
.Service2{width:100%;}
.Service2 .Item1{background:#ce1e22 none repeat scroll 0 0;height:183px;margin-right:1px;width:511px;}
.Service2 .Item{color:#fff;display:inline;float:left;line-height:18px;margin-bottom:1px;padding:20px 20px 0;}
.Service2 .Item strong{display:block;margin-bottom:5px;}
.Service2 .Item2{background:#585152 none repeat scroll 0 0;height:183px;width:300px;}
.Service2 .Item3{background:#786e6f none repeat scroll 0 0;height:148px;line-height:14px;margin-right:1px;width:230px;}
.Service2 .Item4{background:#585152 none repeat scroll 0 0;height:148px;margin-right:1px;width:290px;}
.Service2 .Item5{background:#ce1e22 none repeat scroll 0 0;height:148px;width:290px;}
.UlStyle li{margin-bottom:15px;}
.UlStyle .UlStyle2 li{background:rgba(0, 0, 0, 0) url("../images/arrow.gif") no-repeat scroll 14px 9px;line-height:22px;padding-left:26px;}
.UlStyle li .Underline{text-decoration:underline;}
.UlStyle .UlStyle3 li{background:rgba(0, 0, 0, 0) none repeat scroll 0 0;margin-bottom:0;padding-left:0;}
.UlStyle .UlStyle2{margin-top:6px;}
.mb45{margin-bottom:45px;}












/**download**/
.down-list ul{margin-top:-30px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.down-list ul li{width:100%;margin:30px 0 0;border:1px solid #E2E2E2;padding:24px;box-sizing:border-box;display:-webkit-flex;display:flex;}
.down-list ul li .pic{width:120px;height:120px;background:#F5F5F7;text-align:center;align-items:center;justify-content:center;display:-webkit-flex;display:flex;}
.down-list ul li .pic i{font-size:44px;color:#E0474C;}
.down-list ul li .t{-webkit-flex:1;flex:1;margin:0 0 0 30px;}
.down-list ul li .t h5{font-size:22px;color:#000;font-weight:500;text-transform:capitalize;}
.down-list ul li .t p{height:48px;overflow:hidden;line-height:24px;font-size:18px;color:#666;margin:10px 0 0;}
.down-list ul li .t .more{display:inline-block;margin:15px 0 0;font-size:16px;color:#666;}
.down-list ul li .t .more i{font-size:18px;color:#666;margin-right:8px;-webkit-text-stroke-width:0.2px;}

.down-list ul li:hover{border:1px solid #C63239;}
.down-list ul li:hover .t h5 a{color:#C63239;}
.down-list ul li:hover .t .more,.down-list ul li:hover .t .more i{color:#C63239;}




.gli ul li{ display: inline-block; width: 150px; height: 162px; background: url(../images/smallmap.png) no-repeat; cursor: pointer;}
.gli li.icon01{ background-position: 0 0;}.gli li.icon01.current, .gli li.icon01:hover { background-position: 0 -162px;}.gli li.icon02{ background-position: -150px 0;}.gli li.icon02.current, .gli li.icon02:hover { background-position: -150px -162px;}.gli li.icon03{ background-position: -300px 0;}.gli li.icon03.current, .gli li.icon03:hover { background-position: -300px -162px;}.gli li.icon04{ background-position: -750px 0;}.gli li.icon04.current, .gli li.icon04:hover { background-position: -750px -162px;}.gli ul li p{ color: #333; text-align: center; padding-top: 115px;}.gli li.current p,.gli li:hover p{ color: #fff;}.gcen{ margin-top: 3%; position: relative;}.gcen .gding,.gcen .gmes{ display: inline-block; vertical-align: top; width: 28%;}.gcen .gding{ width: 68%;}.gcen .gding p{ margin-top: 2%;}.gcen .gmes p{ font-size: 14px; margin: 2% 0 5%;}.gcen ul li{ display: none;}.gcen ul li.current{ display: block;}.gcen .gmes{ padding-top: 5%; margin-left: 2%;}
.inbtn{ position: absolute; left: 777px; bottom: 170px;}.toptwo{ padding-top: 3%;}.toptwo ul{ text-align: center;}.toptwo ul li{ display: inline-block; width: 15%; line-height: 30px; background: #000;}.toptwo ul li.active,.toptwo ul li:hover{ background: #f71717;}.toptwo ul li a{ color: #fff;}.othermenu{ margin: 3% 0;}.othermenu ul li{ display: inline-block; width: 120px; position: relative; overflow: hidden;}.othermenu ul li>a{ display: block;}.othermenu ul li img{ max-width: 100%; height: auto;}.othermenu ul li div{ width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; background: rgba(215,12,24,0.5); color: #fff; padding: 30% 2% 0; display: none;}.othermenu ul li div p{ margin-top:12px;text-align: center; font-size: 16px; line-height: 24px; height: 48px; overflow: hidden;}.othermenu ul li:hover div,.othermenu ul li.active div{ display: block;}

.ermenu li{ display: none; text-align: center;height:145px;margin-left:-25px;}
.ermenu li.active{ display: block;}
.ermenu li dd{ display: inline-block; width: 10%;margin-left:8px;}
.ermenu li dd img{ max-width: 100%; height: auto;}
.ermenu li dd p{ text-align: center; line-height: 30px;  white-space: nowrap; text-transform: capitalize;overflow:hidden;}
.ermenu li dd.active{ position: relative;}



.ermenu li dd.active:after{ content: ''; width: 0; height: 0; border-width: 6px; border-style: solid; border-color: #f71717 transparent transparent transparent; position: absolute; bottom: -10px; left: 50%; margin-left: -6px;}
.ermenu ul li:first-child+li dd,.ermenu ul li:first-child+li+li dd,.ermenu ul li:first-child+li+li+li dd,.ermenu ul li:first-child+li+li+li+li dd,.ermenu ul li:first-child+li+li+li+li+li dd,.ermenu ul li:first-child+li+li+li+li+li+li dd{ width: 15%;}
.ProductList ul{ margin: 3% -35px 3% 0;}
.ProductList ul li{ width: 250px; height: auto; float: left; margin-right: 34px; margin-bottom: 2%;}
.ProductList ul li img{ width: 250px; height: 195px;}
.ProductList ul li p{ text-align: center; line-height: 24px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}.ProductList ul li span.img{ margin-bottom: 12px; display: block; box-shadow: 1px 1px 3px #ccc;}.ProductList ul li:hover{ opacity: 0.7;}/*-----goods_read----*/@font-face { font-family: 'icomoon'; src: url("../font/icomoon.eot"); src: url("../font/icomoon.eot?#iefix") format("embedded-opentype"), url("../font/icomoon.woff") format("woff"), url("../font/icomoon.woff2") format("woff2"), url("../font/icomoon.ttf") format("truetype"), url("../font/icomoon.svg#icomoon") format("svg"); -webkit-font-smoothing: antialiased; font-smooth: always; -moz-osx-font-smoothing: grayscale; font-weight: normal; font-style: normal; }.goodread,.proTop{ padding: 3% 0 0 0;}.proleft{ width: 48.8764%; float: left; }.proright { width: 48.65169%; float: right; }#proimg { text-align: center; border: 1px solid #e2e2e2; overflow: hidden; }
#proimg img{ width: 535px; height: 388px;}
#proimg ul li{ display: none;}
#proimg ul li.active{ display: block;}
.proConct{ width: 48.65169%; float: right;}
.prosmallIn{ position: relative; width: 445px; height: 100px; overflow: hidden; margin: 4px auto 0;}
.spec-list { position: absolute; left: 0; width: 2000px;}
.spec-list li{ width: 100px; height: 100px; margin-right: 15px; float: left; border: 1px solid #e8e8e8; text-align: center; cursor: pointer; overflow: hidden; }.spec-list li img{ width: 100%; height: auto; display: block;}.spec-list li:hover { border-color: #f71717;}.spec-list img[src=""], .spec-list img[src=" "] { display: none; }.proscroll{ position: relative;}.proscroll .proleft,.proscroll .proright{ display: block; width: 31px; height: 69px; background: url(../images/projtin.png) no-repeat; position: absolute; top: 50%; margin-top: -34px;}.proscroll .proright{ background-position: left bottom; right: 4px;}.proscroll .proleft{ left: 0;}.prode{ padding-top: 3%;}.prode h1{ font-size: 24px; color: #000; margin-bottom: 2%;}.prode b{ font-size: 18px; display: block;}.prode p{ line-height: 24px; font-size: 14px;}.proContact { line-height: 1.2; word-wrap: break-word; word-break: break-word;  width: 100%; padding: 6px 2%;}.proContact li { padding: 5px 0 5px 2%; display: inline-block; width: 40%; background: url(../images/poricons.png) no-repeat left 5px; padding-left: 20px; line-height: 16px; margin-bottom: 2%;}.proContact li:first-child+li{ background-position: left -32px;}.proContact li:last-child { margin-right: 0; background-position: left -64px;}.proContact li, .proContact li a { color: #555; }.proContact li a:hover { color: #469ccf; }.procon { margin-top: 12px; }.procon > a{ background: #f71717; color: #fff; width: 149px; line-height: 35px; text-align: center; font-size: 14px; position: relative; overflow: hidden; max-width: 100%; display: block;}.tagContent{ padding: 3% 0; display: none;}.videobox:hover{ color: #fff;}.videoarea{ width: 100%; margin: 0 auto 3%;}.videoarea img{ width: 100%; height: auto;}.videoarea object{ margin: 0 auto; display: block;}.proInfo { padding-bottom: 15px; font-size: 12px; border-bottom: 1px solid #e1e1e1; margin-bottom: 30px; }#proDes { padding-top: 15px; margin-top: 1.68539%; padding-bottom: 15px; margin-bottom: 0.67416%; }#proDes > .title { font-size: 12px; background: #469ccf; color: #fff; line-height: 1.5; padding: 8px 10px; min-width: 192px; text-align: center; display: inline-block; vertical-align: bottom; max-width: 100%; }#tags { text-transform: capitalize; }#proDes #tags li { height: 40px; line-height: 40px; cursor: pointer; background: #f7f7f7; margin-top: 1px; font-size: 14px; text-align: center; padding-left: 5px; padding-right: 5px; font-weight: bold; float: left; width: 33.3%; border-left: 1px solid #fff;}#proDes #tags li:first-child { border-left: 0px none; }#proDes #tags li.selectTag { background: #f71717; color: #fff; }.tagContent p{ line-height: 24px; margin: 2% 0;}.apparea ul li{ display: inline-block; width: 31.3%;}.apparea ul li img{ width: 100%; height: auto;}


.pro_text{margin:20px 0 0;position:relative;}
.pro_text .tit{line-height:60px;box-sizing:border-box;border-bottom:1px solid #D9D9D9;}
.pro_text .tit h5{color:#202020;font-size:20px;position:relative;text-transform:uppercase;/*! font-family:'FilsonPro-Bold'; */}
.pro_text .tit h5::after{content:"";display:block;background:#e41318;width:40px;height:4px;position:absolute;bottom:-2px;left:0;z-index: 1;}

.pro-content{padding:20px 0 0;line-height:24px;font-size:17px;color:#333;}
.pro-content > h5{font-size:20px;color:#000;font-weight:bold;margin-bottom:10px;}
.pro-content p{margin-bottom:10px;}
.pro-content .table-response{width:100%;max-width: 100%;overflow-x:auto;}
.pro-content table {width:100%;font-size:16px;color:#333;border-collapse: collapse;margin-bottom:20px;}
.pro-content table th{padding:8px 20px;background-color:#fff;border:1px solid #E4E4E4;color:#fff;background:#9EC73C;}
.pro-content table td{padding:8px 20px;border:1px solid #E4E4E4;}

.pro-content dl dd{background:url("../images/dot1.png") no-repeat left 8px;padding:0 0 0 15px;}
.pro-content dl dd+dd{margin-top:10px;}







.related{ margin-top: 3%;}
.related h5{ color: #fff; background: #ccc; font-size: 16px; line-height: 40px; white-space: nowrap; padding: 0 8px; width: 100%; text-indent: 20px;}
.related ul{ margin-top: 3%; margin-right: -2%;}.related ul li{ width: 23%; margin-right: 2%; float: left;}
.related ul li img{ width: 100%;height:200px;}
.related ul li .proPicTitle{ line-height: 20px; margin-top: 2%;}
.related ul li .proPicTitle a{ display: block; width: 100%; height: auto; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center;}
.am-offcanvas-content{ position: relative;}
.inquirShow{ padding: 3% 0 0;}.inquirShow h5{ font-size: 20px; line-height: 24px; color: #fff; margin-bottom: 3%; font-weight: bold;}.inquirShow ul{ padding-bottom: 3%;}.inquirShow li input, .inquirShow li textarea { padding: 6px 5px; width: 100%;line-height: 20px; color: #333; background-color: #e7e7e7; border: none; border-radius: 3px;}.inquirShow li{ width: 100%; margin-bottom: 5%;}.inquirShow textarea { display: block; max-width: 100%; width: 100%; height: 100px; resize: none; font-family: arial;}.inquirShow li.codeWrap { text-align: center; margin-top: 2%;}.inquirShow li.codeWrap div { width: 82px;}.inquirShow li div { display: inline-block; vertical-align: middle;}.inquirShow li label { color: #999; padding: 6px 5px;}.inquirShow li img { height: 26px; cursor: pointer; margin-left: 3px; display: inline-block;vertical-align: middle;}.inquirShow li.codeWrap input{ width: 88%;}.inquirShow li.btnWrap { text-align: center; margin-top: 8%;}.inquirShow li input.btn { padding: 0; border: 0px none; background: #fff; color: #fff; line-height: 28px; margin-bottom: 0; width: 95px; border: 1px solid #ddd; color: #888; font-size: 14px; text-align: center; cursor: pointer;}.inquirShow li input.btn{ background-color: #e6e6e6; color: #333; cursor: pointer; border-radius: 3px;}.inquirShow li.message textarea{ color: #999; font-family: "arial";}.am-offcanvas .close{ width: 40px; height: 40px; border-radius: 50%; background: #333; opacity: 1; position: absolute; top: 20px; left: 280px; z-index: 100000; border: 1px solid #fff; display: none;}.am-offcanvas .close i{ display: block; width: 12px; height: 12px; background: url(../images/x.png) no-repeat; margin: 14px auto 0;}

.choose{ width:674px; height:620px; position:relative; background:url(../images/choose_en.png) no-repeat; margin: 0 auto;}
.choose h5{display:none;}
.choose dl{ position:absolute; line-height:22px; }
.choose dl dt{ font-size:18px; font-weight:bold; color:#333; }
.choose dl dd{ font-size: 15px;}
.choose dl.Item1{ width:400px; top:20px; left:350px; }.choose dl.Item2{ width:400px; top:500px; left:510px; }.choose dl.Item3{ width:400px; top:530px; left:20px; }.whyme{ padding: 2% 0;}.design p{ line-height: 180%; margin: 0 0 30px 0;}.ChooseDl dt{ float:left; height:126px; width:514px; padding:10px 10px 0 25px; background:#585152; color:#EBEBEB; line-height:20px; border-left:3px solid #E41317; }.ChooseDl dt span{ font-size:34px; font-family:'Arial'; display:block; float:left; line-height:100%; margin:2px 15px 0 0; }.ChooseDl dd{ width:182px; height:136px; float:left; }.ProcessImg{ width:770px; height:747px; background:url(../images/img.png) no-repeat; position:relative; margin: 2% auto;}.ProcessImg .Item{ width:200px; position:absolute; line-height:18px; }.ProcessImg .Item1{ left:88px; top:30px; }.ProcessImg .Item2{ width:240px; left:516px; top:40px; }.ProcessImg .Item3{ left:63px; top:289px; color:#E41317; }.ProcessImg .Item4{ left:558px; top:289px; }.ProcessImg .Item5{ left:94px; top:429px; }.ProcessImg .Item6{ left:492px; top:510px; }.ProcessImg .Item7{ left:361px; top:697px; }.History span{ display:block; height:62px; line-height:62px; float:left; }.History span.Year{ font-size:30px; width:140px; background:url(../images/line.jpg) right no-repeat; text-align:center; color:#666; }.History span.Text{ width:550px; padding:0 20px; }.History li{ background:url(../images/line.gif) repeat-x bottom; padding:20px 0; }.sermain{ width: 100%;}.promise{ margin-top: 3%; background: #585152; color: #fff; padding: 10px;}.promise h5{ font-size: 18px;}.promise li{ padding-left:16px; text-indent:-10px; line-height: 24px; margin: 1% 0;}