body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input {margin:0;padding:0;-webkit-text-size-adjust: none} body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family: "微软雅黑"; } h1, h2, h3, h4, h5, h6{ font-weight:normal } a img {border:0} a:hover { -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; } ul, ol, li {list-style-type:none;vertical-align:0} .clear{height:0; overflow:hidden; clear:both} .clear2{ height:95px; line-height: 95px; width: 100%; } .ch-grid { padding: 0; list-style: none; display: block; text-align: center; width: 100%; } .ch-grid:after, .ch-item:before { content: ''; display: table; } .ch-grid:after { clear: both; } .ch-grid li { width: 246px; height: 180px; display: inline-block; float: left; margin: 2px; } .ch-item { width: 100%; height: 100%; /*border-radius: 50%;*/ position: relative; cursor: default; box-shadow: inset 0 0 0 0px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .ch-img-5 { background-position: 94px 33px; } .ch-img-13 { background-image: url(../images/13.png); background-repeat: no-repeat; background-position: 90px 33px; } .ch-img-14 { background-image: url(../images/14.png); background-repeat: no-repeat; background-position: 80px 33px; } .ch-info { position: absolute; background: rgba(0,0,0, 0.5); width: inherit; height: inherit; /*border-radius: 50%;*/ opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-backface-visibility: hidden; } .ch-info h3{ color: #fff; letter-spacing: 2px; font-size: 26px; font-family: "微软雅黑"; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3); margin-top: 0; margin-right: 30px; margin-bottom: 0; margin-left: 30px; padding-top: 50px; padding-right: 0; padding-bottom: 0; padding-left: 0; font-weight: normal; } .ch-info a { color: #FFF; text-decoration: none; width: 100%;height: 100%; display: inline-block;} .ch-info h3:hover, .ch-info h4:hover{ color: #FF0; text-decoration: none; } .ch-info h4 {font-size: 18px;color: #fff;} .ch-item:hover { box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1),0 1px 2px rgba(0,0,0,0.1); } .ch-item:hover .ch-info { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .ch-item:hover .ch-info p { opacity: 1; } .kePublic { width: 1000px; margin-top: 50px; margin-right: auto; margin-bottom: 4px; margin-left: auto; } .kePublic h2, .about h2 { font-size: 32px; text-align: center; color: #333; } .kePublic p { font-size: 18px; color: #999999; text-align: center; padding-top: 5px; padding-bottom: 45px; } .con { width: 1000px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; line-height:40px !important;} .logo { background-color: #1a1a1a; height: 95px; width: 100%; position: fixed; z-index: 999; } .logo .con .logo_l { float: left; width: 145px; } /*.logo .con .logo_c ul li { float: left; width: 80px; display: block; padding-top: 60px; text-align: center; font-size: 14px; } .logo .con .logo_c ul li a { color: #FFF; text-decoration: none; } .logo .con .logo_c ul li a:hover { color: #F60; text-decoration: none; }*/ .logo .con .logo_c { float: left; width: 610px; } .logo .con .logo_r { float: right; width: 240px; } .logo .con .logo_r .tel { padding-top: 55px; height:25px;} .logo .con .logo_r .search { margin-top: 15px; } .logo_r .search .sear { background-image: url(../images/search_l.png); background-repeat: no-repeat; height: 29px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; text-indent: 8px; float: left; width: 210px; font-size: 14px; color: #ff7267; font-family: "寰?杞???榛?"; } .logo_r .search .searc { width: 29px; line-height: 29px; background-image: url(../images/search_r.png); background-repeat: no-repeat; height: 29px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; margin: 0px; padding: 0px; float: left; } .banner { height: auto; width: 100%; } #cp { width: 1000px; margin-top: 40px; margin-right: auto; margin-bottom: 40px; margin-left: auto; height: 280px; background-color: #FFF; } #cp .cp_l { float: left; width: 290px; margin-left: 65px;} #cp .cp_c { float: right; width: 290px; margin-left: 65px; } #cp .cp_r { float: left; width: 290px; } .news { color: #FFF; background-color: #5c5b5c; height: 50px; width: 100%; line-height: 50px; font-size: 14px; } .news .con .news_l { float: left; width: 80px; font-size: 16px; line-height:3;} .news .con .news_r { float: left; width: 600px; } #cp .cp_l span { height: 110px; width: 110px; border: 1px solid #11afbb; border-radius: 50%; display: block; background-image: url(../images/cp1.png); background-repeat: no-repeat; background-position: 30px 30px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #cp .cp_l span:hover { border: 1px solid #11afbb; border-radius: 50%; display: block; background-color: #11afbb; background-image: url(../images/cp01.png); background-repeat: no-repeat; background-position: 30px 30px; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } #cp .cp_c span { height: 110px; width: 110px; border: 1px solid #11afbb; border-radius: 50%; display: block; background-image: url(../images/cp2.png); background-repeat: no-repeat; background-position: 30px 30px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #cp .cp_c span:hover { border: 1px solid #11afbb; border-radius: 50%; display: block; background-color: #11afbb; background-image: url(../images/cp02.png); background-repeat: no-repeat; background-position: 30px 30px; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } #cp .cp_r span { height: 110px; width: 110px; border: 1px solid #11afbb; border-radius: 50%; display: block; background-image: url(../images/cp3.png); background-repeat: no-repeat; background-position: 30px 30px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #cp .cp_r span:hover { border: 1px solid #11afbb; border-radius: 50%; display: block; background-color: #11afbb; background-image: url(../images/cp03.png); background-repeat: no-repeat; background-position: 30px 30px; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; } #cp p { font-size: 12px; line-height: 22px; color: #656f7f; text-align: center; } #cp h3 { font-size: 16px; color: #333; text-align: center; line-height: 40px; font-weight: bold; } #cp a { background-color: #FFF; display: block; height: 28px; width: 115px; color: #11afbb; text-decoration: none; line-height: 28px; border: 1px solid #11afbb; font-size: 14px; text-align: center; margin-top: 15px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } #cp a:hover { color: #FFF; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; background-color: #11afbb; border: 1px solid #11afbb; } #fangan { background-color: #eff3f6; padding-top: 50px; padding-bottom: 50px; } #fangan .con h2 { font-size: 32px; text-align: center; color: #333; } #fangan .con p { font-size: 18px; color: #999999; text-align: center; padding-top: 5px; padding-bottom: 45px; } #fangan .con .fangan_l h3, #fangan .con .fangan_c h3, #fangan .con .fangan_r h3 { font-size: 16px; color: #11afbb; text-align: left; padding-left: 20px; padding-top: 15px; } #fangan .con .fangan_l p, #fangan .con .fangan_c p, #fangan .con .fangan_r p { font-size: 14px; line-height: 22px; color: #7a7a7a; padding: 10px 20px 20px 20px; text-align: left; } #fangan .con .fangan_l { float: left; height: 360px; width: 480px; background-color: #FFF; border: 1px solid #eee; border-radius: 8px; padding-bottom: 30px; } #fangan .con .fangan_l:hover { -webkit-box-shadow: 0px 1px 25px rgba(0,0,0,.15); -moz-box-shadow: 0px 1px 25px rgba(0,0,0,.15); box-shadow: 0px 1px 25px rgba(0,0,0,.15); -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #fangan .con .fangan_c { float: left; height: 400px; width: 312px; margin-left: 32px; background-color: #FFF; border: 1px solid #eee; border-radius: 8px; padding-bottom: 30px; } #fangan .con .fangan_c:hover { -webkit-box-shadow: 0px 1px 25px rgba(0,0,0,.15); -moz-box-shadow: 0px 1px 25px rgba(0,0,0,.15); box-shadow: 0px 1px 25px rgba(0,0,0,.15); -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #fangan .con .fangan_r { float: right; height: 360px; width: 480px; background-color: #FFF; border: 1px solid #eee; border-radius: 8px; padding-bottom: 30px; } #fangan .con .fangan_r:hover { -webkit-box-shadow: 0px 1px 25px rgba(0,0,0,.15); -moz-box-shadow: 0px 1px 25px rgba(0,0,0,.15); box-shadow: 0px 1px 25px rgba(0,0,0,.15); -moz-transition: all 0.3s linear; -ms-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } #fangan .fangan_l b, #fangan .fangan_c b, #fangan .fangan_r b { background-color: #FFF; display: block; height: 28px; width: 90px; color: #11afbb; text-decoration: none; line-height: 28px; border: 1px solid #11afbb; font-size: 12px; margin-top: 0px; margin-right: auto; margin-bottom: 15px; margin-left: auto; text-align: center; border-radius: 8px; } #fangan .fangan_l b:hover, #fangan .fangan_c b:hover, #fangan .fangan_r b:hover { color: #FFF; -webkit-transition: all 0.4s linear; -moz-transition: all 0.4s linear; -ms-transition: all 0.4s linear; -o-transition: all 0.4s linear; transition: all 0.4s linear; background-color: #11afbb; border: 1px solid #11afbb; } #fangan .fangan_l b a, #fangan .fangan_c b a, #fangan .fangan_r b a { color: #11afbb; text-decoration: none; } #fangan .fangan_l b a:hover, #fangan .fangan_c b a:hover, #fangan .fangan_r b a:hover { color: #fff; text-decoration: none; } .pic { border-radius: 8px 8px 0px 0px; } .quick { padding-top: 20px; } .quick ul { padding: 0px; list-style-type: none; width: 1000px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; } .quick ul li { float: left; margin-right: 48px; margin-left: 48px; margin-top: 0px; margin-bottom: 0px; border-radius:50%; line-height: 32px; } .quick ul li span { height: 70px; width: 70px; border-radius:50%; line-height: 70px; display: block; background-color: #5a5a5a; text-align: center; } .quick ul li a { font-size: 13px; color: #333; display: block; text-align: center; width: 70px; line-height: 30px; margin-bottom: 10px; text-decoration: none; } .quick ul li span:hover { background-color: #007ca4; -moz-transition: 0.5s; -o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; text-decoration: none; } .ico1 { background-repeat: no-repeat; background-position: 17px 17px; } .ico2 { background-repeat: no-repeat; background-position: 17px 17px; } .ico3 { background-repeat: no-repeat; background-position: 17px 17px; } .ico4 { background-repeat: no-repeat; background-position: 17px 17px; } .ico5 { background-repeat: no-repeat; background-position: 17px 17px; } .ico6 { background-repeat: no-repeat; background-position: 17px 17px; } #zhishi { padding-top: 50px; padding-bottom: 30px; } #zhishi h2 { font-size: 32px; text-align: center; color: #333; } #zhishi p { font-size: 18px; color: #999999; text-align: center; padding-top: 5px; padding-bottom: 45px; } #zhishi .con ul { float: left; } #zhishi .con ul li { line-height:32px; text-indent:22px; list-style-type: none; font-size: 14px; background-image: url(../images/li1.png); background-repeat: no-repeat; background-position: 3px; text-align:left; float:left;width:333px;} #zhishi .con ul li a { line-height:32px; display:block; color: #000; text-decoration: none; } #zhishi .con ul li a:hover { -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear; background-image: url(../images/li2.png); background-repeat: no-repeat; background-position: 3px; color: #F60; background-color: #e7edf1; } #footer { background-color: #373737; padding-top: 40px; padding-bottom: 40px; width:100% !important;} #footer .con .fmenu { float: left; padding-right: 50px; text-align:left;font-family: "微软雅黑";} #footer .con .fmenu li { font-size: 14px; line-height: 32px; color: #cbcbcb; } #footer .con .fmenu li a { color: #acacac; text-decoration: none; font-family: "微软雅黑";font-size: 14px; line-height:2.1;} #footer .con .fmenu li a:hover { color: #FFF; text-decoration: underline; } #footer .con .wx { width: 213px; float: right; text-align: right; } .copyright { line-height: 40px; color: #a9a9a9; background-color: #000; height: 40px; font-size: 13px; } .copyright a { color: #a9a9a9; text-decoration: none; } .copyright a:hover { color: #FFF; text-decoration: underline; } .notice{width:100%; height:50px; overflow:hidden;} .noticTipTxt{ color:#F60; height:50px; line-height:50px; overflow:hidden; padding-left: 20px; margin: 0; } .noticTipTxt li{ height:50px; line-height:50px; list-style-type: disc; text-align:left;} .noticTipTxt a{ color:#cbcbcb; font-size:14px; text-decoration:none; font-family: "微软雅黑";overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .noticTipTxt a:hover{color:#ff7300;text-decoration:underline;} /*gotop*/ .cbbfixed {position: fixed;right: 20px;transition: bottom ease .3s;bottom: -85px;z-index: 3;cursor:pointer;} .cbbfixed .cbbtn {width: 40px;height: 40px;display: block;background-color: #02a2aa;} .cbbfixed .gotop {transition: background-color ease .3s;margin-top: 1px;} .cbbfixed .gotop .up-icon{float:left;margin:14px 0 0 9px;width:23px;height:12px;background: url(../images/side-icon02.png);} .cbbfixed .gotop:hover {background-color:#2c2d2e;} .cbbfixed .weixin {background: #dadbdd;} .cbbfixed .weixin div {background: url(../images/weixin.jpg);width: 210px;height: 210px;position: absolute;left: -212px;top: -130px;opacity: 0;transform: scale(0); -webkit-transform: scale(0);transform-origin: 100% 70%;-webkit-transform-origin: 100% 70%;transition: transform ease .3s,opacity ease .3s;-webkit-transition: all ease .3s;display:none\0;*display:none;} .cbbfixed .weixin:hover div {display: block;transform: scale(1);-webkit-transform: scale(1);opacity: 1;*display:block;} .cbbfixed .weixin .weixin-icon{float: left;margin:12px 0 0 11px;width:18px;height: 18px; background: url(../images/side-icon01.png);} .view { width: 480px; height: 200px; overflow: hidden; position: relative; text-align: center; cursor: default; } .view .mask, .view .content { width: 480px; height: 200px; position: absolute; overflow: hidden; top: 0px; left: 0px; } .view img { display: block; position: relative; } .view a.info { background: url('../images/link.png') no-repeat scroll center center transparent; display: inline-block; text-decoration: none; padding: 0px; text-indent: -9999px; width: 20px; height: 20px; } .effect img { opacity:1; -moz-transform:scale(1,1); -webkit-transform:scale(1,1); -o-transform:scale(1,1); -ms-transform:scale(1,1); transform:scale(1,1); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .effect .mask { opacity:0; overflow:visible; border-color:rgba(0,0,0,0.7) transparent transparent transparent; border-style:solid; border-width:240px; width:0; height:0; -moz-transform:translateY(-125px); -webkit-transform:translateY(-125px); -o-transform:translateY(-125px); -ms-transform:translateY(-125px); transform:translateY(-125px); -moz-transition: -moz-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out; -webkit-transition: -webkit-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out; -o-transition: -o-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out; -ms-transition: -ms-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out; transition: transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out; } .effect a.info { opacity:0; -moz-transform:translateY(-125px); -webkit-transform:translateY(-125px); -o-transform:translateY(-125px); -ms-transform:translateY(-125px); transform:translateY(-125px); -moz-transition: -moz-transform 0.3s ease-in, opacity 0.1s ease-in-out; -webkit-transition: -webkit-transform 0.3s ease-in, opacity 0.1s ease-in-out; -o-transition: -o-transform 0.3s ease-in, opacity 0.1s ease-in-out; -ms-transition: -ms-transform 0.3s ease-in, opacity 0.1s ease-in-out; transition: transform 0.3s ease-in, opacity 0.1s ease-in-out; } .effect:hover img { opacity:0.7; -moz-transform:scale(2,2); -webkit-transform:scale(2,2); -o-transform:scale(2,2); -ms-transform:scale(2,2); transform:scale(2,2); } .effect:hover .mask { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .effect:hover a.info { opacity:1; -moz-transform:translateY(100px); -webkit-transform:translateY(100px); -o-transform:translateY(100px); -ms-transform:translateY(100px); transform:translateY(100px); } .footernav .linklist { width:1000px; } .footernav { width:100px; } .footernav a.popmenulink { padding-right:10px; color:#000; line-height:22px; cursor:hand; display:block; } .footernav .popmenuclose div { display:none; } .footernav .popmenuopen { position:relative; } .footernav .popmenuopen div { float:left; width:1000px; position:absolute; left:-640px; top:-150px; padding:5px; height:auto; font-size: 14px; font-weight: normal; background-color: #000; } .footernav a {color: #000; } .footernav a:hover { color: #F60; text-decoration: none; } /* ???? */ .clearfix:before, .clearfix:after { content:"\200B"; display:block; height:0; clear:both; visibility:hidden; } .nav { width:1000px; margin:0 auto; font-family:"Microsoft YaHei", SimSun, SimHei; } .nav .m { position:relative; float:left; display:inline; text-align:center; padding: 0 15px;} .nav h5 { float: left; display: block; padding-top: 45px; text-align: center; font-size: 14px; line-height: 50px;} .nav h5 a { color: #FFF; text-decoration: none; } .nav h5 a:hover { color: #F60; text-decoration: none; } .nav .on h5 a { color: #F60; text-decoration: none; } .nav .sub { display:none; /*榛??ら????*/ width:200px; border-radius: 0px 0px 10px 10px; position:absolute; left:-10px; top:95px; background:#000; float:left; line-height:30px; padding-top: 10px; padding-right: 0; padding-bottom: 20px; padding-left: 0; } .nav .sub li { text-align: left; text-indent: 20px; line-height: 35px; font-size: 14px; } .nav .sub li a { color:#999; display:block; zoom:1; text-decoration: none; } .nav .sub li a:hover { color:#c00; text-decoration: none; } .nav .sub dl { display:inline-block; *display:inline; zoom:1; vertical-align:top; line-height:26px; float: left; padding-top: 15px; padding-right: 40px; padding-bottom: 15px; padding-left: 40px; margin: 0px; text-align: left; border-right-width: 1px; border-right-style: solid; border-right-color: #1a1a1a; } .nav .sub dl a:hover { color:#c00; } .nav .sub dl dt a { color:#FFF; margin: 0px; padding: 0px; text-decoration: none; line-height: 35px; font-size: 16px; } .nav .sub dl dd a { color:#999; margin: 0px; text-decoration: none; padding: 0px; line-height: 35px; font-size: 14px; } .nav #m2 .sub { z-index:1; width:1000px; left:-305px; top: 95px; border-radius: 0px 0px 10px 10px; } .nav #m5 .sub { z-index:1; width:1000px; left:-385px; top: 95px; border-radius: 0px 0px 10px 10px; } .nav #m6 .sub { z-index:1; width:1000px; left:-550px; top: 95px; border-radius: 0px 0px 10px 10px; } .channle{width:100% !important;} #container{width:940px;margin:0 auto;} /* banner */ .banner{ width:100%; height:550px; overflow:hidden; position:relative; font-size:0 } .b-img{ height:550px; position:absolute; left:0; top:0;} .b-img a{ display:block; height:550px; float:left;} .b-list{ height:50px; padding-top:505px; position:relative; margin:0 auto;z-index:1;} .b-list span{ display:block;cursor:pointer; width:14px; height:14px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;} .b-list .spcss{border:3px solid #14ab04;} .bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px; } .bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px; } .bar-left em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) 0px 0px no-repeat; margin-top:225px; margin-right: auto; margin-bottom: 0; margin-left: auto; } .bar-right em{ display:block; width:50px; height:100px; background:url(../images/arrow.png) -50px 0px no-repeat; margin-top:225px; margin-right: auto; margin-bottom: 0; margin-left: auto; } .bar-left .emcss{ background-position:0px -100px;} .bar-right .emcss{ background-position:-50px -100px;} #content_right .banner{height:auto !important;} .jj_con{ font-family: "微软雅黑"; font-size: 14px; line-height: 24px; color: #333; } .single-mega-item {float: left; padding: 0 0 15px 0;} .single-mega-item li.block {color: #fff; font-size: 16px; margin: 10px 15px; position: relative;} .single-mega-item li.block:after {background: #e0e0e0 none repeat scroll 0 0; bottom: 3px; content: ""; height: 1px; left: 20px; position: absolute; width: 33px;} .single-mega-item li:not(.block){padding: 1px 15px; padding-right: 40px;} .about{text-align: left;background-color: #eff3f6; padding: 30px 0;margin-top: 30px;} .about-div{margin-top: 30px;margin-left: 20px; position: relative;} .about img{width: 550px;height: 360px;} .about-title{position: absolute;width: 45%; top:55px;left: 48%;padding: 20px;background-color: #fff; border: 1px solid #e2e2e2;box-shadow: 10px 10px 10px #ccc;} .about-title h3{font-size: 20px;display: inline-block;border-bottom: 2px solid #999} .about-title p{font-size: 14px;margin: 5px 0 15px 0;line-height: 30px;} .about-title a{padding: 8px 20px; background-color: #ff7300; color: #fff; font-size: 13px;border-radius: 10px; text-decoration: none;margin-top: 15px;} .about-title a:hover{background-color: #fd8522;} .about h2{text-align: left;}