@import url("swiper.min.css"); .mb10 { margin-bottom: 10px } .ml10 { margin-left: 10px } .bg { background: #fff } span { overflow: hidden } .banner.home .swiper-slide{ overflow: hidden;position: relative; } .banner.home .swiper-slide .text{ width: 100%;position:absolute;left:3%;top: 50%;transform:translateY(-50%) } .banner.home .swiper-slide .bgimg{ width: 100%;position: relative; } .banner.home .swiper-slide .bgimg img{ width: 100%;vertical-align: top } .banner.home .swiper-button-prev:after,.banner.home .swiper-button-next:after{ font-size:30px; } .banner.home .swiper-pagination-bullet { position: relative;z-index: 11;overflow: hidden;width: 30px;height:4px; } .banner.home .swiper-pagination-bullet::after { content: '';display: block;position: absolute;left:0;top: 0px;width:0;height: 4px;z-index: 10;background: #fff } .banner.home .swiper-pagination-bullet-active{ background: #e60012;width:50px; } @keyframes w100{0%{width: 0%;} 100%{width: 100%;}} @media (max-width:1699px){ .banner.home .swiper-slide .bgimg:after{ height:500px;content: '';display:block } .banner.home .swiper-slide .bgimg img{ position:absolute;left:50%;height:100%;width:auto;top:0;-moz-transform: translateX(-50%);-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);transform: translateX(-50%); } } .ky_bg { background: url(../images/ky_bg.jpg) no-repeat center 0px; height: 561px } .ky_con { padding-bottom: 0px; padding-left: 395px; padding-right: 0px; padding-top: 150px } .ky_con b { border-bottom: #e6e6e6 2px solid; width: 555px; display: block } .ky_con b a { color: #29478f; font-size: 28px } .ky_con b a em { padding-bottom: 20px; padding-left: 0px; padding-right: 0px; display: block; font-size: 16px; padding-top: 5px } .ky_con p { padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 15px } .ky_con p span { width: 173px; display: block; background: url(../images/ky_xx01.gif) no-repeat right 20px; float: left; height: 188px; margin-right: 40px } .ky_con p .nobor { margin: 0px; width: 115px; background: none transparent scroll repeat 0% 0% } .ky_con p span em { padding-bottom: 0px; line-height: 26px; padding-left: 0px; padding-right: 0px; display: block; color: #333; font-size: 18px; font-weight: bold; padding-top: 10px } .ky_con i { text-align: center; line-height: 57px; width: 807px; display: block; background: #ff7900; height: 57px; color: #fff; clear: both; font-size: 22px; font-weight: bold; border-radius: 5px } .lz_bg { background: url(../images/lz_bg.jpg) no-repeat center 0px; height: 619px } .lz_top { text-align: center; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; margin-bottom: 60px; padding-top: 80px } .lz_top a b { display: block; color: #333; font-size: 28px } .lz_top a b em { color: #ff7900 } .lz_top i { margin: 10px 0px 0px; display: block; background: url(../images/lz_xx10.png) no-repeat center 0px; color: #333; font-size: 16px; font-weight: bold } .lz_top a:hover b { color: #29478f } .lz_top a:hover b em { color: #29478f } .lz01 { top: 145px; left: -73px } .lz01 a { width: 69px; display: block; background: url(../images/lz_le01.png) no-repeat; height: 69px } .lz01 a:hover { background: url(../images/lz_le02.png) no-repeat } .lz03 { top: 145px; right: -73px } .lz03 a { width: 69px; display: block; background: url(../images/lz_ri01.png) no-repeat; height: 69px } .lz03 a:hover { background: url(../images/lz_ri02.png) no-repeat } .lz_pic { position: relative; width: 390px; height: 340px } .lz_pic span { position: absolute; padding-bottom: 0px; padding-left: 20px; width: 370px; padding-right: 0px; display: block; background: url(../images/btm06.png); height: 80px; top: 240px; padding-top: 20px; left: 0px } .lz_pic span i { width: 24px; display: block; background: #fff; height: 3px } .lz_pic span b { padding-bottom: 10px; padding-left: 0px; padding-right: 0px; display: block; color: #fff; font-size: 16px; padding-top: 10px } .lz_pic span em { display: block; color: #fff; font-size: 14px } .lz_p { width: 1200px } .lz_p p { position: relative; width: 492px; float: left; height: 350px } .lz_p p i { position: absolute; text-align: center; line-height: 70px; width: 70px; display: block; background: url(../images/lz_ico01.png) no-repeat; height: 70px; color: #fff; font-size: 16px; top: 8px; font-weight: bold; left: 19px } .lz_p p img { border-bottom: #d5d7da 1px solid; border-left: #d5d7da 1px solid; width: 490px; display: block; height: 348px; border-top: #d5d7da 1px solid; border-right: #d5d7da 1px solid } .lz_p span { line-height: 30px; width: 216px; display: block; background: #ff7900; float: left; height: 350px; color: #fff; font-size: 14px } .lz_p span em { text-align: center; padding-bottom: 25px; padding-left: 25px; padding-right: 25px; display: block; color: #fff; font-size: 14px; padding-top: 25px } .lz_p span i { text-align: center; display: block } .lz_p .lz_p02 i { background: url(../images/lz_ico02.png) no-repeat } .lz_p .lz_p02 span { background: #29478f; color: #fff } .hz_top { text-align: center; margin: 60px 0px 40px; background: url(../images/hz_bt.gif) no-repeat; height: 60px } .hz_top b a { padding-bottom: 3px; padding-left: 0px; padding-right: 0px; display: block; color: #333; font-size: 28px; padding-top: 3px } .hz_top em { text-transform: uppercase; display: block; font-family: arial; color: #6e6e6e; font-size: 12px } .hz_top i { display: block; color: #333; font-size: 16px; font-weight: bold } .hz_top b a:hover { color: #29478f } .hz01 { top: 30px; left: -73px } .hz01 a { width: 69px; display: block; background: url(../images/lz_le01.png) no-repeat; height: 69px } .hz01 a:hover { background: url(../images/lz_le02.png) no-repeat } .hz03 { top: 30px; right: -73px } .hz03 a { width: 69px; display: block; background: url(../images/lz_ri01.png) no-repeat; height: 69px } .hz03 a:hover { background: url(../images/lz_ri02.png) no-repeat } .hz02 { padding-bottom: 20px } .hz02 ul li { position: relative; width: 220px; float: left; height: 170px; margin-right: 25px } .hz02 ul .nobor { margin: 0px } .hz02 ul li a img { border-bottom: #cacaca 1px solid; border-left: #cacaca 1px solid; width: 218px; height: 168px; border-top: #cacaca 1px solid; border-right: #cacaca 1px solid } .hz02 ul li a span { position: absolute; text-align: center; line-height: 168px; width: 218px; display: none; background: url(../images/btm09.png); height: 168px; color: #fff; font-size: 14px; overflow: hidden; top: 1px; left: 1px } .hz02 ul li a:hover span { display: block } .zx_bg{ font-size:0;display: block;width:100%; } .zx { width: 265px; overflow: hidden;display: inline-block;vertical-align: top;height: 850px } .zx_top { text-align: center; line-height: 86px; background: #29478f; height: 86px } .zx_top a { color: #fff; font-size: 20px; font-weight: bold } .zx_con { border-bottom: #e9e9e9 7px solid; border-left: #e9e9e9 7px solid; width: 251px; border-top: #e9e9e9 7px; border-right: #e9e9e9 7px solid; } .zx_con h3 { line-height: 50px; background: url(../images/zx_ico01.gif) #f5f5f5 no-repeat 13px center; height: 50px;margin-bottom:4px;margin-top: 0;padding-left: 40px } .zx_con h3.cur a{ color: #e60012 } .zx_con h3 a { color: #333; font-size: 16px } .zx_con ul li { border-bottom: #ddd 1px solid; text-align: center; line-height: 44px; height: 44px } .zx_con ul li a { color: #333; font-size: 14px } .zx_con ul li a:hover { color: #ff7900 } .zx_con ul .nobor01 { border-bottom-style: none; border-right-style: none; border-top-style: none; border-left-style: none } .rx { padding-left: 20px; width: 915px;display: inline-block;vertical-align: top } .rx_pic { height: 455px } .rx_pic i { z-index: 99; position: absolute; display: block; top: 347px; left: 493px } .rx_pic i img { margin-right: 10px } .rx_pic dl dt { float: left } .rx_pic dl dt a img { width: 600px; height: 390px } .rx_pic dl dd { width: 262px; background: #29478f; float: left; height: 390px; margin-left: 53px } .rx_pic dl dd b { text-align: center; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; display: block; padding-top: 110px } .rx_pic dl dd b a { color: #fff; font-size: 16px } .rx_pic dl dd em { padding-bottom: 30px; line-height: 24px; margin: 0px auto; padding-left: 0px; width: 215px; padding-right: 0px; display: block; color: #fff; font-size: 14px; padding-top: 30px } .rx_pic dl dd span { padding-left: 20px; display: block } .rx_pic dl dd span img { margin: 0px 10px } .rx ul li { float: left; margin-right: 19px } .rx ul li a { width: 214px; display: block; background: url(../images/cp_libg01.gif) no-repeat; height: 306px; color: #29478f } .rx ul li a i { margin: 0px auto 35px; width: 113px; display: block; background: url(../images/cp_ico01.png) no-repeat; height: 113px } .rx ul li a b { text-align: center; display: block; margin-bottom: 15px; font-size: 16px } .rx ul li a em { text-align: center; padding-bottom: 0px; line-height: 25px; padding-left: 20px; padding-right: 20px; display: block; color: #333; font-size: 14px; padding-top: 0px } .rx ul li a:hover { background: url(../images/cp_libg02.gif) no-repeat; color: #fff } .rx ul .cur a { background: url(../images/cp_libg02.gif) no-repeat; color: #fff } .rx ul li a:hover i { background: url(../images/cp_ico02.png) no-repeat } .rx ul .cur a i { background: url(../images/cp_ico02.png) no-repeat } .rx ul li a:hover em { color: #fff } .rx ul .rx_li02 a i { background: url(../images/cp_ico01.png) no-repeat -222px 0px } .rx ul .rx_li02 a:hover i { background: url(../images/cp_ico02.png) no-repeat -222px 0px } .rx ul .rx_li03 a i { background: url(../images/cp_ico01.png) no-repeat -444px 0px } .rx ul .rx_li03 a:hover i { background: url(../images/cp_ico02.png) no-repeat -444px 0px } .rx ul .rx_li04 { margin: 0px } .rx ul .rx_li04 a i { background: url(../images/cp_ico01.png) no-repeat -666px 0px } .rx ul .rx_li04 a:hover i { background: url(../images/cp_ico02.png) no-repeat -666px 0px } .xj_bg { margin: 66px 0px 0px; background: url(../images/xj_bg.jpg) no-repeat center 0px; height: 804px } .xj_top { text-align: center; padding-bottom: 60px; padding-left: 0px; padding-right: 0px; padding-top: 80px } .xj_top a b { display: block; color: #fff; font-size: 28px } .xj_top a em { padding-bottom: 0px; padding-left: 0px; padding-right: 0px; display: block; color: #fff; font-size: 16px; font-weight: bold; padding-top: 5px } .xj_top a:hover b { color: #ff7900 } .xj_top a b em { color: #ff7900 } .xj01 { width: 330px; overflow: hidden } .xj01 p { height: 205px } .xj01 p span a { line-height: 66px; width: 320px; display: block; background: url(../images/xj_libg01.png) no-repeat; height: 66px } .xj01 p span a i { margin: 7px 10px 0px 0px; width: 54px; display: block; background: url(../images/xj_ico01.png) no-repeat; float: left; height: 54px } .xj01 p span a b { display: block; float: left; color: #29478f; font-size: 18px } .xj01 p em { padding-bottom: 0px; line-height: 25px; padding-left: 32px; width: 286px; padding-right: 0px; display: block; color: #fff; font-size: 14px; padding-top: 10px } .xj01 p a:hover { background: url(../images/xj_libg02.png) no-repeat } .xj01 p a:hover i { background: url(../images/xj_ico02.png) no-repeat } .xj01 p a:hover b { color: #fff } .xj01 .xj_p02 span a i { background: url(../images/xj_ico01.png) no-repeat 0px -204px } .xj01 .xj_p02 span a:hover i { background: url(../images/xj_ico02.png) no-repeat 0px -204px } .xj01 .xj_p03 span a i { background: url(../images/xj_ico01.png) no-repeat 0px -416px } .xj01 .xj_p03 span a:hover i { background: url(../images/xj_ico02.png) no-repeat 0px -416px } .xj02 { padding-left: 538px } .xj02 p span a i { background: url(../images/xj_ico01.png) no-repeat -875px 0px } .xj02 p span a:hover i { background: url(../images/xj_ico02.png) no-repeat -875px 0px } .xj02 .xj_p02 span a i { background: url(../images/xj_ico01.png) no-repeat -875px -204px } .xj02 .xj_p02 span a:hover i { background: url(../images/xj_ico02.png) no-repeat -875px -204px } .xj02 .xj_p03 span a i { background: url(../images/xj_ico01.png) no-repeat -875px -416px } .xj02 .xj_p03 span a:hover i { background: url(../images/xj_ico02.png) no-repeat -875px -416px } .xj02 .xj_p03 span a b { font-size: 26px } .xj02 .xj_p03 em { padding-bottom: 0px; padding-left: 100px; padding-right: 0px; display: block; padding-top: 20px } .jx_con ul li { margin: 0px 32px 0px 0px; float: left } .jx_con ul li a { line-height: 65px; width: 214px; display: block; background: url(../images/jx_ico01.gif) no-repeat; height: 65px } .jx_con ul li a em { padding-left: 88px; display: block; color: #fff; font-size: 18px } .jx_con ul li a:hover { background: url(../images/jx_ico02.gif) no-repeat } .jx_con ul .jx_li02 a { background: url(../images/jx_ico01.gif) no-repeat -249px 0px } .jx_con ul .jx_li02 a:hover { background: url(../images/jx_ico02.gif) no-repeat -249px 0px } .jx_con ul .jx_li03 a { background: url(../images/jx_ico01.gif) no-repeat -498px 0px } .jx_con ul .jx_li03 a:hover { background: url(../images/jx_ico02.gif) no-repeat -498px 0px } .jx_con ul .jx_li04 a { background: url(../images/jx_ico01.gif) no-repeat -747px 0px } .jx_con ul .jx_li04 a:hover { background: url(../images/jx_ico02.gif) no-repeat -747px 0px } .jx_con ul .jx_li05 { margin: 0px 0px 30px } .jx_con ul .jx_li05 a { background: url(../images/jx_ico01.gif) no-repeat -1001px 0px; height: 80px } .jx_con ul .jx_li05 a:hover { background: url(../images/jx_ico02.gif) no-repeat -1001px 0px } .jx_con ul .jx_li06 a { background: url(../images/jx_ico01.gif) no-repeat 0px -107px } .jx_con ul .jx_li06 a:hover { background: url(../images/jx_ico02.gif) no-repeat 0px -107px } .jx_con ul .jx_li07 a { background: url(../images/jx_ico01.gif) no-repeat -240px -107px } .jx_con ul .jx_li07 a:hover { background: url(../images/jx_ico02.gif) no-repeat -240px -107px } .jx_con ul .jx_li08 a { background: url(../images/jx_ico01.gif) no-repeat -489px -107px } .jx_con ul .jx_li08 a:hover { background: url(../images/jx_ico02.gif) no-repeat -489px -107px } .jx_con ul .jx_li09 a { background: url(../images/jx_ico01.gif) no-repeat -738px -107px } .jx_con ul .jx_li09 a:hover { background: url(../images/jx_ico02.gif) no-repeat -738px -107px } .jx_con ul .jx_li10 { margin: 0px } .jx_con ul .jx_li10 a { background: url(../images/jx_ico01.gif) no-repeat -987px -107px } .jx_con ul .jx_li10 a:hover { background: url(../images/jx_ico02.gif) no-repeat -987px -107px } .wd_bg { margin: 60px 0px 0px; background: url(../images/wd_bg.jpg) no-repeat center 0px; height: 726px } .wd_top { text-align: center; padding-bottom: 80px; padding-left: 0px; padding-right: 0px; padding-top: 60px } .wd_top a { display: block; color: #333; font-size: 28px; font-weight: bold } .wd_top a em { color: #ff7900 } .wd_top a:hover { color: #29478f } .wd_top a em { color: #29478f } .wd_top a i { padding-bottom: 0px; padding-left: 0px; padding-right: 0px; display: block; font-size: 16px; padding-top: 10px } .wd_con ul { float: left } .wd_con ul li a { width: 444px; display: block; height: 160px; color: #333 } .wd_con ul li a i { margin: 49px 0px 0px 16px; width: 61px; display: block; background: url(../images/wd_ico01.png) no-repeat; float: left; height: 61px; _margin: 49px 0 0 8px } .wd_con ul li a:hover { background: url(../images/btm09.png); color: #fff } .wd_con ul li a:hover i { background: url(../images/wd_ico02.png) no-repeat } .wd_con ul li a b { padding-bottom: 0px; line-height: 26px; padding-left: 20px; padding-right: 0px; display: block; float: left; font-size: 16px; padding-top: 49px } .wd_con ul .wd_li02 a i { display: block; background: url(../images/wd_ico01.png) no-repeat 0px -126px } .wd_con ul .wd_li02 a:hover i { display: block; background: url(../images/wd_ico02.png) no-repeat 0px -126px } .wd_con ul .wd_li03 a i { display: block; background: url(../images/wd_ico01.png) no-repeat 0px -252px } .wd_con ul .wd_li03 a:hover i { display: block; background: url(../images/wd_ico02.png) no-repeat 0px -252px } .wd_con .wd_ul02 { padding-left: 312px } .wd_con .wd_ul02 li a b { text-align: right; width: 328px } .wd_con .wd_ul02 li a i { margin: 49px 0px 0px 20px } .wd_con ul .wd_li04 a i { display: block; background: url(../images/wd_ico01.png) no-repeat -954px 0px } .wd_con ul .wd_li04 a:hover i { display: block; background: url(../images/wd_ico02.png) no-repeat -954px 0px } .wd_con ul .wd_li05 a i { display: block; background: url(../images/wd_ico01.png) no-repeat -954px -126px } .wd_con ul .wd_li05 a:hover i { display: block; background: url(../images/wd_ico02.png) no-repeat -954px -126px } .wd_con ul .wd_li06 a i { display: block; background: url(../images/wd_ico01.png) no-repeat -954px -252px } .wd_con ul .wd_li06 a:hover i { display: block; background: url(../images/wd_ico02.png) no-repeat -954px -252px } .zj_bg { margin-bottom: 70px; background: url(../images/zj_bg.jpg) no-repeat center bottom; height: 680px; padding-top: 1px } .zj_bg .hz_top { background: url(../images/zj_bt.gif) no-repeat center 0px } .zj_con { padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 80px } .zj01 { width: 515px } .zj01 span a { padding-bottom: 0px; padding-left: 0px; padding-right: 0px; display: block; color: #222; font-size: 22px; padding-top: 8px } .zj01 span a:hover { color: #29478f } .zj01 p { padding-bottom: 40px; line-height: 28px; padding-left: 0px; padding-right: 0px; color: #444; font-size: 14px; padding-top: 75px } .zj02 { padding-bottom: 0px; padding-left: 170px; width: 442px; padding-right: 0px; height: 277px; padding-top: 37px } .zj02 img { width: 442px; height: 277px } .dt_top { margin-bottom: 37px; background: url(../images/dt_xx.gif) repeat-x 0px bottom; height: 40px } .dt_top ul li { padding-right: 40px; float: left } .dt_top ul li a { display: inline-block; background: url(../images/dt_xx01.gif) no-repeat 0px bottom; height: 40px; color: #333; font-size: 20px; font-weight: bold } .dt_top ul li a:hover { background: url(../images/dt_xx02.gif) no-repeat 0px bottom; color: #29478f } .dt_top ul .cur a { background: url(../images/dt_xx02.gif) no-repeat 0px bottom; color: #29478f } .dt01 { width: 590px } .dt01 a img { border-bottom: #c8c7c7 1px solid; border-left: #c8c7c7 1px solid; width: 587px; display: block; height: 239px; border-top: #c8c7c7 1px solid; border-right: #c8c7c7 1px solid } .dt01 em { line-height: 66px; display: block; height: 66px } .dt01 em a { color: #000; font-size: 18px } .dt01 em a:hover { color: #29478f } .dt01 span { line-height: 24px; display: block; color: #606060; font-size: 14px } .dt01 span a { color: #606060; margin-left: 30px } .dt02 { padding-left: 55px; width: 550px } .dt02 dl { border-bottom: #d0d0d0 1px dashed; margin-bottom: 26px; height: 110px;width: 100%;display: block;font-size: 0 } .dt02 .nobor { border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px } .dt02 dl dt { width: 115px; font-family: arial; display: inline-block;vertical-align: top } .dt02 dl dt em { display: block; font-family: arial; color: #333; font-size: 50px } .dt02 dl dt span { display: block; font-family: arial; color: #989898; font-size: 16px } .dt02 dl dd { width: 415px; display: inline-block;vertical-align: top;margin: 0 } .dt02 dl dd a { display: block; margin-bottom: 10px; color: #000; font-size: 18px } .dt02 dl dd a:hover { color: #29478f } .dt02 dl dd p { line-height: 25px; color: #606060; font-size: 14px } .tempWrap .customer-list{ } .tempWrap .customer-list dl{ text-align: center; } .tempWrap .customer-list dl a{ display: block;width: 100% } .tempWrap .customer-list dl a dt{ display: block;width: 100% } .tempWrap .customer-list dl a dt img{ width: 100% } .tempWrap .customer-list dl a dd{ font-size:14px;margin-top: 10px } .faqlist{display: block;margin-top: 30px;font-size:0} .faq01 { width: 105px;display: inline-block;vertical-align: top; } .faq01 span { display: block } .faq01 span a { color: #383838; font-size: 20px; font-weight: bold } .faq01 span a:hover { color: #29478f } .faq01 span em { padding-bottom: 19px; text-transform: uppercase; display: block; color: #b4b4b4; font-size: 14px; padding-top: 5px } .faq01 i { z-index: 10; position: relative } .faq02 { z-index: 9; width: 1055px;display: inline-block;vertical-align: top;text-align:left;margin-left: 40px } .faq02 dl{ margin: 0;padding:0; } .faq02 dl a{ background: #fafafa;margin: 0;display: block;padding:15px 5%;width: 90%; } .faq02 dl a dt { line-height: 31px; padding-left: 32px; margin-bottom: 5px; background: url(../images/wd_w.gif) no-repeat 0px 3px; height: 31px; overflow: hidden;display: block; } .faq02 dl a dt { color: #363636; font-size: 16px; font-weight: bold } .faq02 dl a:hover dt{ color: #29478f } .faq02 dl a dd { line-height: 25px; text-indent: 30px; width: 100%; background: url(../images/wd_d.gif) no-repeat 0px 2px; color: #7c7c7c; font-size: 14px;height: 25px;overflow:hidden;margin: 0;display: block;text-overflow: ellipsis; white-space: nowrap; } .yq_bg { margin: 70px 0px 0px; background: #fafafa; height: 92px } .yq_bg i { padding-bottom: 0px; padding-left: 0px; padding-right: 0px; display: block; float: right; padding-top: 30px } .yq_bg span { padding-bottom: 0px; padding-left: 0px; padding-right: 30px; display: block; float: left; padding-top: 30px } .yq_bg p { padding-bottom: 0px; line-height: 20px; padding-left: 0px; width: 968px; padding-right: 0px; float: left; height: 20px; overflow: hidden; padding-top: 35px;margin:0; } .yq_bg p a { padding-right: 31px; color: #444; font-size: 14px } .yq_bg p a:hover { color: #29478f } .g-ys { background: url(../images/y1.jpg) no-repeat center 50px; overflow: hidden } .g-ys h4 { text-align: center; color: #333333; font-size: 40px; font-weight: normal; padding-top: 50px; background-image: url(../images/hz_bt.gif); background-repeat: no-repeat; background-position: 0px 50px; } .g-ys h4 span { display: block; color: #333; font-size: 16px } .g-ys h4 i { padding-left: 24px; background: url(../images/z_65.jpg) no-repeat left center; color: #29478f; margin-left: 12px; font-weight: bold } .g-ys .nr { height: 1171px; padding-top: 60px } .ys1 { width: 573px; height: 544px; overflow: hidden } .ys1 h5 { margin-top: 22px; padding-left: 32px; width: 427px; display: block; float: left } .ys1 h5 em i { display: block; color: #333; font-size: 28px; font-weight: bold } .ys1 h5 em { border-bottom: #ccc 1px solid; border-left: #ccc 0px solid; padding-bottom: 12px; text-transform: uppercase; padding-left: 0px; padding-right: 0px; display: block; font-family: "arial"; color: #ccc; font-size: 18px; border-top: #ccc 1px solid; font-weight: normal; border-right: #ccc 0px solid; padding-top: 15px } .ys1 h5 p { line-height: 26px; color: #333; font-size: 14px; font-weight: normal; padding-top: 9px } .ys1 h5 p b { color: #e60012 } .ys1 span { width: 573px; display: block; background: #f2f2f3; height: 332px } .ys1 span img { padding-left: 24px; padding-top: 34px } .ys2 h5 { padding-left: 0px; padding-right: 32px; } .ys1 { margin-bottom: 50px } .ys2 { margin-bottom: 50px } .ys4 span img { padding-top: 0px } .randomnews { padding-bottom: 10px; margin-bottom: 0px } .diysr { line-height: 48px; text-indent: 5px; background: #fff; height: 48px; color: #29478f; font-size: 16px; font-weight: bold; margin-bottom: 10px; } .diysr1 { background: #fff } .diysr .line { height: 0px; font-size: 0px; overflow: hidden; border-top: #ececec 1px solid; margin-right: 10px } .diysr i { text-transform: uppercase; font-style: normal; padding-left: 5px; font-family: arial; color: #999; font-size: 10px; font-weight: normal } .news_qh{ } .news_qh .news_qh-tab-box{ width: 100%;display: block; } .news_qh .news_qh-tab-box .dt_list{ width: 100%;display: none } .news_qh .news_qh-tab-box > div:first-child{ display: block; } .news_random { font-size: 14px; height: 300px; } .news_random ul { width: 930px; display: block; padding-top: 10px } .news_random ul li { padding-bottom: 0px; line-height: 28px; padding-left: 0px; width: 450px; padding-right: 10px; height: 28px; overflow: hidden; padding-top: 0px } .news_random ul li a { padding-left: 14px; background: url(../images/ico55.gif) no-repeat 0px 8px } .news_random ul li span { font-size: 14px } .news_random ul li a:hover { color: #29478f } .news_random .prut-list{ padding-top: 30px } .news_random .prut-list .swiper-slide{ font-size:0 } .news_random .prut-list dl { display: inline-block; vertical-align: top; width: 32%; margin-right: 2%; margin-bottom: 30px; } .news_random .prut-list dl:nth-child(3n) { margin-right:0; } .news_random .prut-list dl dt { width: 100%;display: block } .news_random .prut-list dl dt a { width: 100%;display: block } .news_random .prut-list dl dt img { border: #f1f1f1 1px solid; padding: 1px; width: 100%; } .news_random .prut-list dl dd { text-align: center; line-height: 40px; margin: 3px 0; width: 100%; text-overflow: ellipsis; white-space: nowrap; height: 40px; overflow: hidden } .news_random .prut-list dl dd a { color: #4c4c4c; font-size: 14px } .news_random .prut-list dl dd a:hover { color: #29478f } .news_random .prut-list dl dt span a { text-align: center; line-height: 38px; width: 100%; height: 38px; color: #242424; font-size: 18px } .news_random .prut-list span { margin: 0px; height: 28px;display: block;font-size:0 } .news_random .prut-list span a { line-height: 30px; width: 100px; display: inline-block; background: #29478f; height: 30px; color: #fff; border-radius: 5px;font-size:14px;text-align: center; } .news_random .prut-list .div_ckxq,.news_random .prut-list .div_zxzx{ width: 50%;display: inline-block;vertical-align: top; } .news_random .prut-list .div_zxzx { text-align: right; } .news_random .prut-list span a:hover { background: #e60012; color: #fff }