.btnSlide { width: 60px; height: 24px; line-height: 24px; background: #fff; border: 1px solid #333; color: #333; font-size: 14px; text-align: center; margin-bottom: 132px; cursor:pointer; } .btnSlide:hover{border: 1px solid #000; color: #000;} .btnSlide,.btnSlide:hover{-moz-transition:all .3s linear; -webkit-transition:all .3s linear; transition:all .3s linear;} .bannerWrap { width: 100%; height: 300px; background: url(../images/hisBanner.png) center no-repeat; background-size: cover; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../imagess/hisBanner.png', sizingMethod='scale'); margin-bottom: 140px; position: relative; } .bannerWrap h2 { font-size: 34px; color: #000; height: 37px; position: absolute; left: 50%; top: 50%; width:300px; margin: -18.5px 0 0 -150px; text-align: center; } .hisWrap .pad { padding-left: 126px; } .hisWrap .pad .hisContent .line { position: relative; top: -97px; font-size: 24px; color: #959595; padding-top: 137px; width: 72px; height: 636px; margin-left: -104px; float: left; background: url(../../img/aboutUs/allBg.png) right top no-repeat; } .hisWrap .pad .hisContent .line ul { position: relative; width: 100%; height: 100%; } .hisWrap .pad .hisContent .line ul li { position: absolute; left: 0; top: 0; width: 72px; } .hisWrap .pad .hisContent .line ul li i { width: 11px; height: 11px; background: #fff; border: 2px solid #959595; right: -4.5px; position: absolute; top: 50%; margin-top: -6px; border-radius: 50%; } .hisWrap .pad .hisContent .hisInfo { float: left; } .hisWrap .pad .hisContent .hisInfo .hisList { position: relative; } .hisWrap .pad .hisContent .hisInfo .hisList .lastBg { width: 2px; height: 800px; position: absolute; left: -34px; top: -300px; background: url(../../img/aboutUs/weibu.jpg) right bottom no-repeat; } .hisWrap .pad .hisContent .hisInfo .hisList .lineJq { display: none; height: 1290px; width: 72px; background: url(../images/zhong.jpg) right top repeat-y; position: absolute; left: -104px; top: 43px; font-size: 24px; color: #959595; } .hisWrap .pad .hisContent .hisInfo .hisList .lineJq.lineSj { height: 4500px; } .hisWrap .pad .hisContent .hisInfo .hisList .lineJq.lineQd { height: 2500px; background: url(../../img/aboutUs/weibu.jpg) right bottom repeat-y; } .hisWrap .pad .hisContent .hisInfo .hisList .lineJq ul li { position: absolute; left: 0; width: 72px; } .hisWrap .pad .hisContent .hisInfo .hisList .lineJq ul li i { display: inline-block; width: 5px; height: 5px; border-radius: 50%; position: absolute; right: -2.5px; top: 50%; margin-top: -4.5px; background: #959595; } .hisWrap .pad .hisContent .hisInfo h2 { padding-left:18px; border-left: 3px solid #000; color: #000; font-size: 20px; line-height:20px; letter-spacing:14px; padding-right: 30px; position: relative; margin-bottom: 30px; display: inline-block; } .hisWrap .pad .hisContent .hisInfo h2 span { width: 72px; position: absolute; font-size: 24px; color: #959595; letter-spacing: 0; left: -108px; } .hisWrap .pad .hisContent .hisInfo h2 span em { width: 11px; height: 11px; background: #fff; border: 2px solid #959595; right: -6.5px; position: absolute; top: 50%; margin-top: -6px; border-radius: 50%; } .hisWrap .pad .hisContent .hisInfo h2 i { display: inline-block; width: 30px; height: 30px; position: absolute; right: 0; top: 50%; margin-top: -14px; } .hisWrap .pad .hisContent .hisInfo h2 i.icon-jueqi { background: url(../../img/aboutUs/icon-jueqi.png) center no-repeat; background-size: 100%; } .hisWrap .pad .hisContent .hisInfo h2 i.icon-shenji { background: url(../../img/aboutUs/icon-shenji.png) center no-repeat; background-size: 100%; } .hisWrap .pad .hisContent .hisInfo h2 i.icon-qidian { background: url(../../img/aboutUs/icon-qizi.png) center no-repeat; background-size: 100%; } .hisWrap .pad .hisContent .hisInfo .juList { padding: 66px 64px 74px 202px; margin-bottom: 28px; } .hisWrap .pad .hisContent .hisInfo .juList.li1995 { background: url(../../img/aboutUs/1995.png) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li1996 { background: url(../../img/aboutUs/1996.jpg) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li1997 { background: url(../../img/aboutUs/1997.jpg) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li1998 { background: url(../../img/aboutUs/1998.png) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2001 { background: url(../../img/aboutUs/2001.png) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2002 { background: url(../../img/aboutUs/2002.png) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2003 { background: url(../../img/aboutUs/2003.png) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2004 { background: url(../../img/aboutUs/2004.png) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2005 { background: url(../../img/aboutUs/2005.png) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2006 { background: url(../../img/aboutUs/2006.png) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2007 { background: url(../../img/aboutUs/2007.png) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2008 { background: url(../../img/aboutUs/2008.png) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2009 { background: url(../../img/aboutUs/2009.png) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2010 { background: url(../../img/aboutUs/2010.png) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2011 { background: url(../../img/aboutUs/2011.png) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2012 { background: url(../../img/aboutUs/2012.png) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2013 { background: url(../../img/aboutUs/2013.png) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2014 { background: url(../../img/aboutUs/2014.png) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2015 { background: url(../../img/aboutUs/2015.png) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2016 { background: url(../../img/aboutUs/2016.png) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList.li2017 { background: url(../../img/aboutUs/2017.png) right bottom #fff no-repeat; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .icon i { display: block; margin: 0 auto 9px; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .icon .icon-licheng { background: url(../../img/aboutUs/icon-lcb.png) center no-repeat; background-size: 100%; width: 42px; height: 38px; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .text { *width: 808px; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .text .danTitle { font-size: 14px; color: #666; line-height: 24px; padding-left: 13px; background: url(../images/dd.png) left 10px no-repeat; background-size: 5px; margin-bottom: 33px; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .text .textLeft { width: 300px; float: left; padding-right: 60px; *width: 240px; position: relative; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .text .textLeft .bgLine { position: absolute; width: 1px; height: 100%; background: #959595; right: 0; top: 0; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .text .textLeft .ryContent { padding-left: 130px; width: 230px; *width: 100px; margin-bottom: 30px; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .text .textLeft .ryContent .ryPic { width: 114px; float: left; margin-left: -137px; padding-left: 13px; background: url(../../img/aboutUs/dd.png) left top no-repeat; background-size: 5px; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .text .textLeft .ryContent .ryPic img { font-size: 0; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .text .textLeft .ryContent .ryText { float: left; width: 115px; font-size: 14px; line-height: 24px; *width: 100px; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .text .textLeft .leContent { font-size: 14px; color: #666; margin-bottom: 35px; line-height: 24px; padding-left: 13px; background: url(../../img/aboutUs/dd.png) left 10px no-repeat; background-size: 5px; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .text .textRight { float: left; padding-left: 197px; width: 448px; *width: 230px; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .text .textRight .ryP { width: 230px; margin-bottom: 40px; *width: 217px; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .text .textRight .ryContent { padding-left: 130px; width: 230px; *width: 100px; margin-bottom: 30px; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .text .textRight .ryContent .ryPic { width: 114px; float: left; margin-left: -137px; padding-left: 13px; background: url(../../img/aboutUs/dd.png) left top no-repeat; background-size: 5px; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .text .textRight .ryContent .ryPic img { font-size: 0; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .text .textRight .ryContent .ryText { float: left; width: 115px; font-size: 14px; line-height: 24px; *width: 100px; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .text .textRight .nIcon { float: left; height: 62px; width: 44px; text-align: center; color: #c0000c; font-size: 14px; margin-left: -123px; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .text .textRight .nIcon .icon-rongyu { display: block; margin: 0 auto 9px; background: url(../../img/aboutUs/jiangbei.png) center no-repeat; background-size: 100%; width: 42px; height: 38px; } .hisWrap .pad .hisContent .hisInfo .juList .juPad .text .textRight p { font-size: 14px; color: #555; line-height: 24px; padding-left: 13px; background: url(../../img/aboutUs/dd.png) left 10px no-repeat; background-size: 5px; } .main{ padding-bottom:0;}