i, em { font-style: normal; } .topWrap { background: url(../image/top_bj.jpg) no-repeat 2px center; font-family: "Microsoft Yahei"; position: relative; overflow: hidden; } .header { width: 1200px; margin: 0 auto; } .twz { background: #fff; border-bottom: 1px solid #eaeaea; height: 34px; color: #999999; line-height: 34px; font-size: 14px; } .twz a { display: inline-block; color: #999999; position: relative; padding: 0 15px 0 30px; border-right: 1px solid #eaeaea; } .ewm { display: none; position: absolute; left: 0; top: 34px; z-index: 2; } .ewm img { width: 100px; height: 100px; display: block; } .twz a:hover .ewm { display: block; } .twz a:nth-child(2) { background: url(../image/tpico1.png) no-repeat 5px center; } .twz a:nth-child(3) { background: url(../image/tpico2.png) no-repeat 5px center; } .twz a:nth-child(4) { background: url(../image/tpico3.png) no-repeat 5px center; } .twz a:nth-child(5) { background: url(../image/tpico4.png) no-repeat 5px center; } .h_nr { height: 115px; padding-top: 20px; box-sizing: border-box; } .logo { width: 200px; overflow: hidden; box-sizing: border-box; float: left; } .logo img { width: 221px; height: 92px; display: block; } .h_nr h2 { margin-top: 10px; font-size: 20px; color: #333333; text-align: left; line-height: 30px; font-weight: normal; padding-top: 0px; margin-left: 25px; float: left; padding-left: 28px; background: url(../image/txtbg.jpg) no-repeat left 3px; } .h_nr h2 i { font-weight: bold; font-size: 26px; color: #333333; display: block; } .h_nr .sc { margin-top: 10px; padding-left: 52px; background: url(../image/tel.png) no-repeat left 5px; float: right; width: 270px; box-sizing: border-box; font-size: 14px; color: #333333; position: relative; } .h_nr .sc span { display: block; font-size: 14px; color: #010101; margin-bottom: 5px; } .h_nr .sc p { overflow: hidden; color: #b91b21; font: 28px "Arial"; font-weight: bold; } .nav { height: 54px; background: #a40605; overflow: hidden; } .nav ul { height: 54px; width: 1200px; margin: 0 auto; } .nav li { float: left; font-size: 15px; position: relative; } .nav li a { text-decoration: none; height: 54px; line-height: 54px; padding: 0 34px; display: block; position: relative; z-index: 2; color: #ffffff; box-sizing: border-box; } .nav li:before { content: ''; position: absolute; height: 100%; width: 1px; background: rgba(209, 209, 209, 0.29); top: 0; right: 0; z-index: 0; } .nav li:after { content: ''; position: absolute; height: 0; width: 100%; background: #810005; bottom: 0; left: 0; -webkit-transition: height .5s; transition: height .5s; color: #fff; z-index: 1; ; } .nav li:hover:after, .nav li.cur:after { height: 54px; color: #fff; z-index: 1; } .nav li a:hover, .nav .cur a { font-weight: normal; text-decoration: none; color: #fff; } .nav li.nones:before { background: none; } .nav .home i { width: 18px; height: 18px; background: url(../image/home.png) no-repeat 0 0; display: block; position: absolute; left: 20px; top: 16px; } .nav .home a { padding-left: 42px; } body { margin: 0 auto; } .ty-banner-1 { overflow: hidden; line-height: 0; text-align: center; } .ty-banner-1 img { visibility: hidden; } .ty-banner-1 img.show { visibility: visible; } .p1-search-1 { background: #f2f2f2; height: 82px; border-bottom: 1px solid #eee; overflow: hidden; font-size: 14px; } .p1-search-1 p { color: #444; line-height: 82px; } .p1-search-1 a { color: #444; display: inline-block; margin-right: 15px; } .p1-search-1-inp { width: 270px; height: 30px; border-radius: 20px; background: #fff; padding-left: 10px; margin-top: 28px; } .p1-search-1-inp input { border: 0; } .p1-search-1-inp1 { width: 224px; height: 30px; line-height: 30px; color: #a9a9a9; float: left; } .p1-search-1-inp2 { width: 30px; height: 30px; background: url(../image/VISkins-p1.png) no-repeat -258px -936px; float: right; cursor: pointer; } .p12-curmbs-1 { font-size: 14px; border-bottom: 1px dashed #dcdcdc; } .p12-curblock { display: none; } .p12-curmbs-1 b { border-left: 10px solid #b91b21; font-weight: normal; padding-left: 8px; } .p12-curmbs-1 i { font-style: normal; } .p12-curmbs-1 span { font-family: '宋体'; padding: 0 5px; height: 46px; line-height: 46px; } .footWrap { background: #201d1d; height: 386px; font-family: "Microsoft Yahei"; } .footer { width: 1200px; margin: 0 auto; } .fnav { height: 84px; width: 1200px; margin-bottom: 45px; border-bottom: 1px solid #303030; } .fnav a { display: block; font-size: 16px; color: #ffffff; padding: 0 33px; line-height: 84px; float: left; } .fnav a.no1 { padding-left: 0; border-bottom: 2px solid #b91b21; } .fnav a.a_last { padding-right: 0; } .flogo { width: 325px; overflow: hidden; float: left; } .flogo img { width: 229px; height: 78px; display: block; } .flogo p, .flogo a { color: #ffffff; font-size: 14px; margin-top: 15px; line-height: 24px; } .flogo em { padding: 0 5px; } .flogo p span { opacity: 0; } .fcontact { height: 126px; width: 585px; box-sizing: border-box; float: left; } .fcontact li { font-size: 14px; color: #fff; width: 265px; float: left; height: 37px; margin-bottom: 28px; box-sizing: border-box; } .fcontact li img { width: 37px; height: 37px; float: left; margin-top: 3px; } .fcontact li p { float: left; padding-left: 15px; } .fcontact li p i { display: block; line-height: 22px; } .fcontact li:nth-child(1) { width: 500px; font-size: 26px; color: #ffffff; font-weight: bold; line-height: 37px; } .fcontact li:nth-child(3), .fcontact li:nth-child(5) { width: 300px; } .fcontact li:nth-child(5) p { width: 240px; } .fcode { width: 290px; height: 175px; border: 1px solid #303030; padding: 20px 28px; float: right; box-sizing: border-box; } .fcode p { width: 107px; float: left; } .fcode p:nth-child(1) { margin-right: 16px; } .fcode img { width: 83px; height: 83px; padding: 12px; background: #fff; } .fcode span { display: block; line-height: 40px; color: #fff; text-align: center; } .client-2 { position: fixed; right: -170px; top: 25%; z-index: 900; } .client-2 li a { text-decoration: none; } .client-2 li { margin-top: 1px; clear: both; height: 62px; position: relative; } .client-2 li i { background: url(../image/fx.png) no-repeat; display: block; width: 30px; height: 27px; margin: 0px auto; text-align: center; } .client-2 li p { height: 20px; font-size: 12px; line-height: 20px; overflow: hidden; text-align: center; color: #fff; } .client-2 .my-kefu-qq i { background-position: 4px 5px; } .client-2 .my-kefu-tel i { background-position: 0 -21px; } .client-2 .my-kefu-liuyan i { background-position: 4px -53px; } .client-2 .my-kefu-weixin i { background-position: -34px 4px; } .client-2 .my-kefu-weibo i { background-position: -30px -22px; } .client-2 .my-kefu-ftop { display: none; } .client-2 .my-kefu-ftop i { width: 33px; height: 31px; background-position: -23px -47px; background-size: 52px 82px; } .client-2 .my-kefu-ftop .my-kefu-main { padding-top: 6px; } .client-2 .my-kefu-left { float: left; width: 62px; height: 47px; position: relative; } .client-2 .my-kefu-tel-right { font-size: 16px; color: #fff; float: left; height: 24px; line-height: 22px; padding: 0 15px; border-left: 1px solid #fff; margin-top: 14px; } .client-2 .my-kefu-right { width: 20px; } .client-2 .my-kefu-tel-main { background: #201d1d; color: #fff; height: 53px; width: 230px; padding: 9px 0 0; float: left; } .client-2 .my-kefu-main { background: #201d1d; width: 97px; height: 53px; position: relative; padding: 9px 0 0; float: left; } .client-2 .my-kefu-weixin-pic { position: absolute; left: -130px; top: -24px; display: none; z-index: 333; } .my-kefu-weixin-pic img { width: 115px; height: 115px; }