@charset "utf-8"; /* CSS Document */ * { margin: 0px; padding: 0px; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden } .clearfix { *+height: 1%; } body { font-family: "寰蒋闆呴粦"; } a { text-decoration: none; color: #000; font-size: 12px; } li { list-style-type: none; } img { border: none; } .clear { clear: both; } #header {} .top { width: 1280px; margin: 0 auto; } .logo { width: 426px; float: left; margin-top: 32px; margin-bottom: 25px; } /* .nav{width:600px;float:left;text-align:center;} .nav ul{margin-top:32px;margin-left:35px;} .nav ul li{float:left;margin-left:70px;} .nav ul li a{font-size:18px;color:#147d08;} .nav ul li:hover{border-bottom:solid 3px #f00;padding-bottom:10px;} */ .tel { float: right; } /* main_image */ #banner { width: 100%; } .main_visual { width: 100%; height: 604px; border-top: 1px solid #d7d7d7; overflow: hidden; position: relative; } .main_image { width: 100%; height: 604px; overflow: hidden; position: absolute; } .main_image ul { height: 604px; overflow: hidden; position: absolute; top: 0; left: 0 } .main_image li { float: left; width: 100%; height: 604px; } .main_image li span { display: block; width: 100%; height: 604px; } .main_image li a { display: block; width: 100%; height: 604px; } .main_image li .img_1 { background: url(../images/banner1.jpg) center top no-repeat } .main_image li .img_2 { background: url(../images/banner1.jpg) center top no-repeat } .main_image li .img_3 { background: url(../images/banner3.jpg) center top no-repeat } div.flicking_con { position: absolute; top: 630px; left: 50%; z-index: 999; width: 300px; height: 21px; margin: 0 0 0 -50px; } div.flicking_con a { float: left; width: 21px; height: 21px; margin: 0; padding: 0; background: url('../images/btn_main_img.png') 0 0 no-repeat; display: block; text-indent: -1000px } div.flicking_con a.on { background-position: 0 -21px } #btn_prev, #btn_next { z-index: 11111; position: absolute; display: block; width: 73px!important; height: 74px!important; top: 50%; margin-top: -37px; display: none; } #btn_prev { background: url(../images/hover_left.png) no-repeat left top; left: 100px; } #btn_next { background: url(../images/hover_right.png) no-repeat right top; right: 100px; } /*浜у搧鍒囨崲鏁堟灉*/ .swiper1 { width: 100%; } .swiper1 .selected { color: #ec5566; border-bottom: 2px solid #ec5566; } .swiper1 .swiper-slide { text-align: center; font-size: 16px; height: 261px; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; cursor: pointer; } .swiper2 { width: 100%; } .swiper2 .swiper-slide {} #main { margin-top: 50px; } .main_cont1 { width: 1200px; margin: 0 auto; } .main_cont1 h4 { font-size: 24px; font-weight: normal; text-align: center; } .main_cont1 h1 { font-size: 40px; color: #3bb22e; text-align: center; margin-top: 10px; } .xt { border-bottom: solid 3px #3bb22e; width: 88px; margin: 0 auto; margin-top: 20px; } .swiper-slide li { margin-top: 30px; } .swiper-slide li { width: 238px; height: 261px; background: #7fcd77; float: left; margin-right: 2px; } .swiper-slide li img { margin: 25px 0px 0px 0px; } .swiper-slide li h6 { font-size: 24px; color: #fff; text-align: center; margin-top: 20px; margin-bottom: 10px; } .swiper-slide li p { font-size: 12px; text-align: center; line-height: 20px; color: #fff; } .swiper-slide li a { display: block; } .swiper-slide li:hover { width: 238px; height: 261px; color: #fff; background: #58bd4d; } .product_text { margin-top: 30px; } .product_text_l { width: 550px; float: left; } .product_text_l span { font-size: 17px; color: #d2d2d2; font-weight: bold; } .product_text_l h3 { font-size: 20px; color: #000; margin: 25px 0px 10px 0px; } .product_text_l p { line-height: 27px; color: #878787; font-size: 14px; } .more { width: 256px; height: 28px; background: #ff0808; border-radius: 3px; text-align: center; color: #fff; line-height: 28px; margin-top: 30px; } .more:hover { width: 256px; height: 28px; background: #cb0000; border-radius: 3px; text-align: center; color: #fff; line-height: 28px; } .product_text_r { width: 611px; float: right; } .swiper-container { height: 261px; } .main1 { background: #f4f4f4; margin-top: 30px; padding-bottom: 70px; overflow: hidden; } .main1_cont { width: 1200px; margin: 0 auto; padding-top: 60px; } .main1_cont ul {} .main1_cont ul li { width: 340px; text-align: center; float: left; margin-right: 90px; } .main1_cont ul li h4 { font-size: 38px; color: #0b0b0b; font-weight: normal; } .main1_cont ul li img { margin-top: 20px; margin-bottom: 20px; } .main1_cont ul li b { font-size: 22px; font-weight: normal; } .main1_cont ul li p { font-size: 14px; color: #888686; line-height: 20px; margin-top: 10px; } .more1 { width: 88px; height: 35px; line-height: 35px; border: solid 2px #41ae35; border-radius: 5px; margin: 0 auto; margin-top: 20px; } .more1:hover { width: 88px; height: 35px; line-height: 35px; border: solid 2px #41ae35; border-radius: 5px; background: #41ae35; color: #fff; } .main2 { width: 1200px; margin: 0 auto; } .index_news { margin-top: 50px; } .index_news h4 { font-size: 24px; font-weight: normal; text-align: center; } .index_news h1 { font-size: 40px; color: #3bb22e; text-align: center; margin-top: 10px; } .xt { border-bottom: solid 3px #3bb22e; width: 88px; margin: 0 auto; margin-top: 20px; } .index_news ul { margin-top: 30px; } .index_news ul li { width: 550px; float: left; margin-bottom: 50px; margin-right: 100px; } .li_left { width: 70px; float: left; } .li_left .time {} .li_left .time span { font-size: 18px; } .li_left .time b { font-size: 20px; color: #f00; border-bottom: 2px solid #f00; padding-bottom: 10px; } .li_right { width: 475px; float: right; } .li_right h6 a { font-size: 20px; font-weight: normal; } .li_right h6 a:hover { color: #2a931e; } .li_right p { line-height: 22px; font-size: 14px; color: #898686; margin-top: 5px; } .ljgd { width: 104px; height: 28px; background: #41ae35; line-height: 28px; text-align: center; color: #fff; margin-top: 20px; } .ljgd:hover { width: 104px; height: 28px; line-height: 28px; text-align: center; background: #2a931e; } /*椤圭洰棰勭害*/ .xmyy { height: 642px; background: url(../img/zx_bg.jpg) no-repeat center; } .xmyy_cont { width: 1200px; height: 410px; background: url(../img/tj_bg1.png); margin: 0 auto; } .xmyy_left { width: 592px; float: left; } .xmyy_text { margin: 50px 0px 0px 25px; width: 540px; } .xmyy_text h4 { font-size: 26px; color: #f00; } .xmyy_text h5 { font-size: 24px; color: #fff; border-bottom: 1px #fff solid; padding-bottom: 25px; margin-top: 10px; } .xmyy_text p { color: #fff; font-size: 14px; line-height: 26px; margin-top: 25px; } .xmyy h1 { font-size: 28px; margin-bottom: 15px; color: #62ba5a; text-align: center; padding-top: 60px; margin-bottom: 40px; overflow: hidden; } .xmyy h1 b { font-weight: normal; } .xmyy_right { width: 602px; float: right; } .xmyy_tj { width: 380px; margin: 0 auto; margin-top: 35px; } .xmyy_tj input { width: 360px; height: 42px; background: #fff; border: solid 1px #cacaca; padding: 0px 10px 0px 10px; border-radius: 50px; margin-top: 20px; font-size: 12px; overflow: hidden; } .tj_btn { width: 380px; height: 42px; background: #41ae35; border-radius: 50px; color: #fff; text-align: center; line-height: 42px; font-size: 14px; margin-top: 20px; } .tj_btn:hover { width: 380px; height: 42px; background: #1a7d0f; border-radius: 50px; color: #fff; text-align: center; line-height: 42px; font-size: 14px; margin-top: 20px; } #footer { position: relative; z-index: 1; } .footer_top {} .fot_l { float: left; width: 720px; } .fot_l img { width: 188px; float: left; border-right: solid 1px #ccc; margin-right: 20px; padding-right: 10px; overflow: hidden; } .fot_tel { float: left; font-size: 25px; font-weight: bold; margin-top: 10px; margin-right: 20px; } .fot_r { width: 480px; float: left; } .fot_wx { margin-right: 10px; float: left; margin-right: 30px; position: relative; } .wx { width: 60px; float: left; margin-right: 10px; } /*.wx_ewm{width:165px;height:175px;float:left;position:absolute;margin-top:-240px;display:none;}*/ .wx_zxzx { float: left; width: 134px; height: 40px; background: #000; border-radius: 50px; color: #fff; line-height: 40px; text-align: center; margin-top: 10px; } .footer_bottom { background-color: #162832; } /*鍙充晶娴姩瀵艰埅*/ .fixedmenu { position: fixed; right: 0; top: 50%; z-index: 100; background-color: #fff; } .fixedmenu>li { cursor: pointer; position: relative; margin-bottom: 1px; } .fixedmenu>li:nth-child(4)>div { position: absolute; top: -85px; left: -200px; padding-right: 15px; display: none; } .fixedmenu>li:nth-child(4)>div>div { border: 1px solid #dfdfdf; padding: 15px; background-color: #fff; } .fixedmenu>li:nth-child(4):hover>div { display: block; } .fixedmenu>li:nth-child(3) { position: relative; border-top: none; } .fixedmenu>li:nth-child(3)>div { position: absolute; top: -130px; left: -210px; padding-right: 15px; display: none; } .fixedmenu>li:nth-child(3)>div>div { border: 1px solid #dfdfdf; background-color: #fff; } .fixedmenu>li:nth-child(3):hover>div { display: block; } .fixedmenu>li:nth-child(3)>div>div>p { background-color: #ff8a00; color: #fff; padding: 5px 40px; font-size: 26px; margin-bottom: 0; } .fixedmenu>li:nth-child(3)>div>div>a { display: block; padding-left: 10px; margin: 10px 0; } .fixedmenu>li:nth-child(3)>div>div>a:nth-of-type(1) { border-bottom: 1px dashed #dfdfdf; padding-bottom: 10px; } .fixedmenu>li:nth-child(2)>div { position: absolute; top: -165px; left: -225px; padding-right: 15px; display: none; } #sh { top: -165px; left: -225px; } .fixedmenu>li:nth-child(2):hover>div { display: block; } .fixedmenu>li:nth-child(5) { background-color: #aaaaaa; padding-left: 1px; padding-right: 0; } .fixedmenu>li:nth-child(5)>a { color: #fff; text-decoration: none; display: block; text-align: center; } @media all and (max-width: 1540px) { .fixedmenu { position: fixed; right: 0; bottom: 0; z-index: 100; top: auto; background-color: #fff; } } @media screen and (max-width: 1540px) and (-ms-high-contrast: active) and (-ms-high-contrast: none) { .fixedmenu { position: fixed; right: 15px; bottom: 0; z-index: 100; top: auto; background-color: #fff; } } .modal-header .close { font-size: 31px; margin-top: 0px; padding: 0px 10px; } .modal-header { padding: 0px; border-bottom: none; overflow: hidden; } .modal-dialog { width: 720px; margin: 70px auto; } .modal-body { padding-top: 5px; } .modal-header { z-index: 100000; } .ft { width: 100%; overflow: hidden; background-color: #eeeeee; color: #575757; } .ft ul li { float: left; line-height: 25px; } .ft ul li.text-c { width: 210px; padding-top: 35px; } .ft ul li.text-c a { background-color: #333; margin-top: 5px; width: 100px; height: 30px; line-height: 30px; font-weight: bold; text-align: center; color: #fff; font-size: 14px; display: inline-block; } .ft ul li.text-c a:hover { text-decoration: none; } .ft ul li.links { padding: 65px 65px 0 64px; color: #4c4c4c; } .ft ul li.links a { color: #4c4c4c } .ft ul li.links b { display: inline-block; height: 70px; } .ft h3 { color: #333; font-size: 14px; margin-bottom: 5px; } .ft h1 { color: #333; font-size: 17px; margin-bottom: 10px; } .ft-icp { height: 105px; line-height: 40px; } .ft-icp a { color: #b9b9b9; } .ab-jj { margin-top: 10px; text-indent: 28px; } .ab-jj a { line-height: 25px; color: #000000; font-size: 14px; } .jieda { width: 100%; overflow: hidden; border-bottom: 1px dashed #c4c4c4; padding: 0 0 10px 32px; background: url(../images/wd.jpg) 7px 10px no-repeat; } .jieda h2 a { font-size: 14px; color: #000; } .jieda p a { font-size: 12px; color: #626262; } .page a { padding: 2px 6px; border: 1px solid #717171; color: #717171; } .page a:hover, .page a.curr { text-decoration: none; background-color: #970f28; color: #fff; } .content .crumbs { height: 45px; line-height: 45px; background-color: #eeeeee; } .content .crumbs li { color: #000; padding: 0; font-size: 12px; margin-left: 5px; margin-right: 5px; font-family: Arial, Verdana; } .content .crumbs li>a { color: #000; } .content .crumbs li>a:hover { color: #ff6d00; } .content .crumbs li>a.active { color: #ff6d00; border: 1px dashed #ff6d00; padding: 0px 5px; text-decoration: none; } .content .crumbs li>a.active>span { margin-left: 5px; } .content .crumbs li>a.active:hover { border: 1px solid #ff6d00; } .content .pingpaidiv { height: 130px; margin-top: 5px; } .content .pingpai { width: 100%; border: 2px solid #fff; border-top: 1px solid #c8c8c8; z-index: 999; height: 130px; transition: 0.3s; overflow: hidden; background-color: #fff; } .content .pingpai>div.div01 { height: 130px; line-height: 130px; float: left; font-weight: 600; font-size: 16px; margin-left: 15px; } .content .pingpai>a { display: block; color: #000; margin-top: 5px; text-decoration: none; float: right; margin-right: 13px; } .content .pingpai>a:hover { color: #ff6d00; } .content .pingpai>ul { float: left; margin-top: 16px; } .content .pingpai>ul>li { text-align: center; padding: 0 8px; } .content .pingpai>ul>li>a { display: block; color: #000; } .content .pingpai>ul>li>a>img { width: 70px; height: 70px; } .content .pingpai>ul>li>a:hover { color: #ff6d00; } .content .pingpai>ul>li>a>div { height: 40px; line-height: 40px; } .content .pingpai>ul>li>a>span { display: block; margin-top: 5px; } .content .leixing { height: 55px; line-height: 55px; border-bottom: 1px solid #dfdfdf; } .content .leixing>div { float: left; margin-left: 15px; font-weight: 600; font-size: 16px; } .content .leixing>ul { float: left; margin-left: 3px; font-size: 16px; } .content .leixing>ul>li>a { color: #000; } .content .leixing>ul>li>a:hover { color: #ff6d00; } .content .jiage { height: 45px; line-height: 32px; clear: both; } .content .jiage>div { float: left; margin-left: 15px; font-weight: 600; font-size: 16px; } .content .jiage>ul { float: left; margin-left: 3px; } .content .jiage>ul>li>a { color: #000; font-size: 16px; } .content .jiage>ul>li>a:hover { color: #ff6d00; } .content .ppingpai { clear: both; padding-left: 78px; font-size: 16px; color: #000; } .content .pingpaiflei { clear: both; padding-left: 80px; padding-right: 80px; } .content .pingpaiflei>div.col-xs-4 { line-height: 35px; padding-right: 0; } .content .pingpaiflei>div.col-xs-4>span { color: #ff6d00; } .content .pingpaiflei>div.col-xs-4>a { color: #000; } .content .pingpaiflei>div.col-xs-4>a:hover { color: #ff6d00; } .content .jiageshaixuan { height: 50px; background-color: #f0f0f0; border: 1px solid #d7d7d7; line-height: 50px; margin-top: 25px; padding-left: 15px; color: #000; font-size: 16px; } .content .jiageshaixuan>div { height: 50px; line-height: 50px; } .content .jiageshaixuan>div #txtmin { line-height: 25px; } .content .jiageshaixuan>div #txtmax { line-height: 25px; } .content .jiageshaixuan>div>a { color: #000; text-decoration: none; } .content .jiageshaixuan>div>a>span.glyphicon { top: 3px; } .content .jiageshaixuan>div>a:hover { color: #ff6d00; } .content .jiageshaixuan>div>a:hover>span.glyphicon { color: #ff6d00; } .content .jiageshaixuan>div>a.active { color: #ff6d00; } .content .jiageshaixuan>div>a.btn { background-color: #fff; margin-bottom: 5px; } .content .jiageshaixuan>div>a.btn:hover { color: #fff; background-color: #ff6d00; border: 1px solid #ff6d00; } .content .jiageshaixuan>div>a>span.glyphicon { color: #999; } .content .carzhanshi { margin-left: -10px; margin-right: -10px; } .content .carzhanshi>div.col-xs-3 { margin-top: 20px; padding-left: 10px; padding-right: 10px; } .content .carzhanshi>div.col-xs-3>a { border: 1px solid #e1e1e1; display: block; text-decoration: none; color: #000; } .content .carzhanshi>div.col-xs-3>a>div { height: 183px; overflow: hidden; } .content .carzhanshi>div.col-xs-3>a>div>img { width: 100%; } .content .carzhanshi>div.col-xs-3>a:hover { border: 1px solid #ff6d00; } .content .carzhanshi>div.col-xs-3>a:hover>p.p1 { color: #ff6d00; } /* .menu { width:100%; height:60px; line-height:60px; overflow:hidden; border-bottom:1px solid #cccccc; font-size:18px; margin-bottom:10px;} .menu a { font-size:18px; margin:0 10px; color:#000;} .menu a.currr { color:#cd0000; text-decoration:underline;} */ /*鑿滃崟*/ .nav { width: 100%; background-color: #001243; height: 69px; float: left; } .menu { width: 1200px; margin: auto; } .menu ul li:hover p { color: #ff0000; } .menu * { box-sizing: border-box; } .menu .center { width: 1200px; } .menu .ul-list { display: flex; } .menu .ul-list li a { line-height: 69px; } .menu .ul-list>li { flex: 1; position: relative; text-align: center; } .menu .ul-list>li:last-child { border-right: none; } .menu .ul-list>li>a { height: 69px; display: inline-block; align-items: center; justify-content: center; font-size: 18px; text-decoration: none; color: #fff; background: none; } .menu .ul-list>li>span { color: #fff; font-size: 14px; height: 35px; display: flex; align-items: center; justify-content: center; background: #222; } .menu .ul-list .ol-list { border-top: 2px solid #f00; } .menu .ul-list .ol-list::before { content: ""; position: absolute; width: 0; height: 0; border-bottom: 8px solid #ff0c0c; border-right: 8px solid transparent; border-left: 8px solid transparent; top: -8px; left: 50%; transform: translateX(-50%); } .menu .ul-list>li:hover .ol-list { display: block; } .menu .ol-list { display: none; position: absolute; top: 68px; left: 0; z-index: 999; background-color: rgba(0, 0, 0, .6); width: 100%; } .menu .ol-list>li>a { font-size: 14px; text-decoration: none; color: #fff; height: 45px; display: flex; align-items: center; justify-content: center; } .menu .ol-list>li>a:hover { background: #222; } /**/ .list dl { width: 100%; overflow: hidden; border-bottom: 1px solid #e3e3e3; padding: 20px 0; } .list dt { padding: 8px; border: 1px solid #e4e4e4; overflow: hidden; } .list dd { width: 567px; overflow: hidden; } .list dd h3 { line-height: 40px; border-bottom: 1px solid #e4e4e4; margin-bottom: 5px; } .list dd h3 a { color: #535353; font-size: 19px; } .list dd h3 span { font-size: 12px; color: #535353; } .list dd p { font-size: 12px; color: #535353; line-height: 25px; } a.more { height: 20px; line-height: 20px; padding-left: 20px; background: url(../images/xq.jpg) left center no-repeat; color: #9b0a0a; } .media-body { width: 100%; } .path-nav { padding: 10px 0px; font-size: 14px; color: #727272; } .path-nav>a { color: #727272; outline: none; } .path-nav>a:hover, .path-nav>a:focus { color: #ffb42e; } .content>.col-xs-9>.btng01 { padding-top: 5px; padding-bottom: 5px; background-color: #f5f5f5; border-bottom: 1px solid #e5e5e5; } .content>.col-xs-9>.btngbottom { border-bottom: none; border-top: 1px solid #e5e5e5; } .content>.col-xs-9>.btng01>.btn-group { margin-left: 5px; } .content .btng01>.btn-group>a { border: none; background-color: #c9c9c9; color: #fff; margin: 5px; outline: none; -moz-user-select: none; background-image: none; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 400; line-height: 1.42857; text-align: center; vertical-align: middle; white-space: nowrap; float: left; position: relative; padding: 3px 8px; border-radius: 4px; text-decoration: none; } .content .btng01>.btn-group>span.page-cur, .content .btng01>.btn-group>span.page-break { background-color: #f5f5f5; box-shadow: none; color: #000; margin: 4px; margin-top: 4px; border: none; -moz-user-select: none; background-image: none; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 400; line-height: 1.42857; text-align: center; vertical-align: middle; white-space: nowrap; float: left; position: relative; padding: 3px 8px; border-radius: 4px; } .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) { border-bottom-left-radius: 4px; border-top-left-radius: 4px; } .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 4px; } .btn-group>.btn { padding-top: 3px; padding-bottom: 5px; } .content>.col-xs-9>ul { border-bottom: 1px solid #e5e5e5; padding-top: 5px; padding-bottom: 5px; margin-bottom: 0px; } .content>.col-xs-9>ul.last { border-bottom: none; } .content>.col-xs-9>ul>li { line-height: 35px; } .content>.col-xs-9>ul>li.listhr { line-height: 10px; height: 10px; padding-top: 5px; } .content>.col-xs-9>ul>li.listhr>hr { margin: 0px; } .content>.col-xs-9>ul>li>span.first { padding-left: 5px; padding-right: 5px; } .content>.col-xs-9>ul>li>a { color: #000; outline: none; } .content>.col-xs-9>ul>li>a:hover, .content>.col-xs-9>ul>li>a:focus { color: #ffb42e; } .content>.col-xs-9>ul>li>span.second { padding-left: 20px; color: #727272; font-size: 12px; } .content>.col-xs-9>ul>li>span.third { padding-left: 10px; color: #727272; font-size: 12px; } .content>.col-xs-3 { padding-left: 10px; padding-right: 0px; } .content>.col-xs-3>div.line { border: 1px solid #ff6d00; } .content>.col-xs-3>div.line02 { border: 1px solid #ff6d00; margin-top: 20px; } .content>.col-xs-3>div.hotrecom { border: 1px solid #e5e5e5; margin-bottom: 20px; } .content>.col-xs-3>div.hotrecom>p { background-color: #bbbbbb; height: 35px; line-height: 35px; font-size: 20px; text-align: center; border-bottom: 2px solid #ff0100; } .content>.col-xs-3>.hotrecom>ul>li { height: 30px; padding-top: 3px; } .content>.col-xs-3>.hotrecom>ul>li>a { color: #000; outline: none; } .content>.col-xs-3>.hotrecom>ul>li>a:hover, .content>.col-xs-3>.hotrecom>ul>li>a:focus { color: #ffb42e; } .content>.col-xs-3>.hotrecom>ul>li>div.pull-left { background-color: #ffa24e; border-radius: 9px; width: 18px; height: 18px; display: block; padding-left: 5px; color: #fff; margin-left: 15px; margin-right: 15px; } .content>.col-xs-3>.hotrecomthird { margin-left: 0px; margin-right: 0px; } .content>.col-xs-3>.hotrecomthird>div.col-xs-6 { padding: 0 10px; margin-bottom: 15px; } .content>.col-xs-3>.hotrecomthird>div.col-xs-6>div>a { outline: none; } .content>.col-xs-3>.hotrecomthird>div.col-xs-6>div.tcenter { text-align: center; } .content>.col-xs-3>.hotrecomthird>div.col-xs-6>div.tcenter>a { color: #000; outline: none; font-size: 12px; } .content>.col-xs-3>.hotrecomthird>div.col-xs-6>div.tcenter>a:hover, .content>.col-xs-3>.hotrecomthird>div.col-xs-6>div.tcenter>a:focus { color: #ffb42e; } .content>.col-xs-3>.hotrecomthird>div.col-xs-6>div.tcenter>span.price { color: #ff3030; font-size: 14px; font-weight: 600; } .content>.col-xs-3>.hotrecomthird>ul.right { margin-left: 5px; } .content>.col-xs-3>.hotrecomthird>ul.right>li { padding-right: 0px; color: #727272; font-size: 12px; } .content>.col-xs-3>.hotrecomthird>ul.right>li>a { color: #727272; outline: none; font-size: 12px; } .content>.col-xs-3>.hotrecomthird>ul.right>li>a:hover, .content>.col-xs-3>.hotrecomthird>ul.right>li>a:focus { color: #ffb42e; } .tit1 { width: 100%; overflow: hidden; border-bottom: 1px solid #e5e5e5; padding: 20px 0; } .tit1 h3 { font-size: 24px; line-height: 50px; } .tit1 p { color: #7a7a7a; font-size: 12px; } .con { padding: 20px 0; } .baom { padding-top: 50px; position: relative; } .baom span { display: block; padding: 10px 0; } .baom span font { text-align: right; width: 240px; display: inline-block; font-size: 18px; } .baom span.red { text-indent: 100px; } .baom span p { font-size: 18px; margin: 20px 0 30px; } input.btn1 { color: #fff; width: 207px; height: 62px; border: none; background: url(../images/btn.jpg) no-repeat; cursor: pointer; font-size: 24px; font-family: "Microsoft"; } .tis { position: absolute; top: 100px; left: 125px; display: none; } .map { width: 100%; height: 500px; } #demo { height: 280px; overflow: hidden; } .weixinQRcode { position: relative; float: left; } .QRcode, .QRcode2 { position: absolute; display: none; top: -175px; width: 100px; height: 100px; margin-left: 50px; } .QRcode img, .QRcode2 img { width: auto; } .wxtext1 {} /*浜у搧涓績*/ #main_cont { /* background: #e9e9e9; */ padding-bottom: 40px; } .subleft { width: 200px; float: left; } .subleft ul {} .subleft ul li { font-size: 14px; line-height: 61px; text-align: center; width: 200px; height: 61px; background: #fff; margin-top: 6px; } .subleft ul li:hover { background: #2a931e; color: #fff; } .nc_l { width: 950px; height: 538px; overflow: hidden; float: right; border: solid 5px #fff; margin-top: 5px; } .nc_l:hover { border: solid 5px #2a931e; } .nc_l p { position: relative; z-index: 1; width: 950px; height: 60px; background: #4d4b4a; margin-top: -56px; color: #fff; font-size: 20px; text-align: center; line-height: 60px; } .subban { width: 100%; margin: 0 auto; overflow: hidden; } .subban img { width: 100%; } .index_product { width: 1200px; margin: 0 auto; } .index_product h4 { font-size: 28px; margin-bottom: 15px; } .index_product h4 b { font-weight: normal; } /*浜у搧*/ .js-silder { position: relative; min-width: 240px; } .silder-scroll { width: 100%; overflow: hidden; } .silder-main { position: relative; width: 100%; overflow: hidden; } .silder-main-img { position: absolute; top: 0; left: 0; width: 100%; } .js-silder-ctrl { width: 100%; text-align: center; } .silder-ctrl-prev, .silder-ctrl-next { display: none; position: absolute; top: 0; width: 8%; height: 100%; vertical-align: middle; cursor: pointer; color: #fff; font-family: "瀹嬩綋"; font-size: 52px; font-weight: 600; text-shadow: #666 2px 2px 5px; } .silder-ctrl-prev { left: 0; text-align: left; } .silder-ctrl-next { right: 0; text-align: right; } .silder-ctrl-prev>span, .silder-ctrl-next>span { position: absolute; top: 50%; margin-top: -40px; } .silder-ctrl-prev>span { left: 0; } .silder-ctrl-next>span { right: 0; } .silder-ctrl-con { display: inline-block; width: 4%; padding: 10px 0; margin: 0 10px; cursor: pointer; } .silder-ctrl-con>span { display: block; line-height: 0; text-indent: -9999px; overflow: hidden; padding: 5px 0; cursor: pointer; background-color: #cacaca; } .silder-ctrl-con.active>span { background-color: #7bbedf; } @media (max-width: 768px) { .silder-ctrl-prev, .silder-ctrl-next { width: 10%; font-size: 26px; margin-top: -25px; } .silder-ctrl-con { width: 14px; height: 14px; padding: 0; margin: 0 5px; } .silder-ctrl-con>span { display: block; width: 100%; height: 100%; border-radius: 50%; padding: 0; } } .product_list {} .title h1 { text-align: center; background: url(../img/icon1.png) no-repeat center bottom; padding-bottom: 20px; } .product_list .nav-tabs { width: 540px; margin-left: auto; } .product_list .nav-tabs, .plan_nav .nav-tabs { border-bottom: none; margin-top: 30px; margin-bottom: 45px; margin-top: 30px; } .product_list .nav-tabs>li { border: none; text-align: center; font-size: 16px; } .product_list .nav-tabs>li.active {} .product_list .nav-tabs>li>a:after { content: "/"; padding-left: 15px; } .product_list .nav-tabs>.active>a, .product_list .nav-tabs>.active>a:hover { border: none; color: #00a2de; font-weight: bold; } .product_list .nav>li>a:hover { background: none; border: none; color: #00a2de; font-weight: bold; } .contai { width: 1200px; margin: auto } .product_silder { height: 380px !important; } .product ul { width: 105%; } .product ul li { float: left; width: 240px; height: 350px; overflow: hidden; } .product ul li img { width: 240px; height: 350px; cursor: pointer; transition: all 0.6s; } .product ul li img:hover { transform: scale(1.2); width: 240px; height: 350px; } .product ul li span { position: absolute; z-index: 99; color: #fff; margin-top: 20px; font-size: 18px; font-weight: bold; } .product ul li span b { border-right: solid 3px #ff6600; margin: 0px 10px 0px 20px; } /*浜у搧璇︽儏*/ .news { width: 1200px; margin: 0 auto; } .news_top { background: #fff; height: 450px; } .news_top_l { width: 547px; float: left; } .news_top_l_img { margin: 15px 0px 0px 15px; width: 507px; overflow: hidden; } .news_top_l_img img { width: 547px; height: 419px; } /*鏂伴椈璇︽儏椤?/ .news_listDiv { margin: 0 auto; background: #fff; padding: 0 15px 15px 15px; margin-top: 50px; } .news_listDiv h2 { text-align: center; color: #014da1; } .news_listDiv p { font-size: 14px; color: #333; line-height: 32px; margin-top: 20px; } .news_listDiv h1 { color: #a1a1a1; text-align: center; font-size: 14px; font-weight: normal; border-bottom: solid 1px #ccc; padding-bottom: 15px; } .news_listDiv_b { border-top: solid 1px #ccc; margin-top: 50px; } .syp { float: left; margin-top: 20px; } .syp p { margin-top: 0px; text-align: left; } .syp p a { font-size: 14px; } .syp p a:hover { font-weight: bold; color: #fe0000; } .fhlb { width: 130px; float: right; margin-top: 28px; } .fhlb a { width: 130px; height: 40px; background: #014da1; border-radius: 50px; display: block; font-size: 14px; color: #fff; text-align: center; line-height: 40px; } .news_top_r { float: right; width: 650px; margin-top: 30px; } .news_top_r h4 { margin-bottom: 20px; } .news_top_r h4 a { font-size: 20px; font-weight: normal; } .news_top_r h4 a:hover { font-size: 20px; font-weight: bold; color: #1a7d0f; } .news_top_r .time {} .news_top_r .time i { margin-right: 5px; } .news_top_r .time span { color: #999999; font-size: 12px; margin-right: 20px; } .news_top_r p { line-height: 26px; margin-top: 20px; } .news_top_r p a { font-size: 14px; color: #333; } .news_top_r p a:hover { font-size: 14px; color: #be0000; text-decoration: underline; } .ckxq_btn { width: 130px; margin-top: 30px; } .ckxq_btn a { width: 130px; height: 40px; background: #1a7d0f; border-radius: 50px; display: block; font-size: 14px; color: #fff; text-align: center; line-height: 40px; } .news_bottom {} .news_bottom ul { width: 105%; } .news_bottom ul li { width: 383px; background: #fff; padding: 8px 8px 20px 8px; float: left; overflow: hidden; margin-top: 20px; } .news_bottom ul li .news_bottom_img { width: 383px; height: 300px; overflow: hidden; } .news_bottom ul li img { width: 383px; height: 300px; cursor: pointer; transition: all 0.6s; } .news_bottom ul li img:hover { transform: scale(1.2); } .news_bottom ul li h4 { margin-top: 10px; } .news_bottom ul li h4 a { font-weight: normal; font-size: 16px; } .news_bottom ul li h4 a:hover { font-weight: bold; font-size: 16px; color: #be0000; } .news_bottom ul li p { margin-top: 10px; margin-bottom: 10px; } .news_bottom ul li p a { font-size: 12px; color: #333; line-height: 22px; } .news_bottom ul li p a:hover { font-size: 12px; color: #be0000; line-height: 22px; text-decoration: underline; } .news_bottom ul li span { color: #999; font-size: 12px; } .news_bottom ul li span i { margin-right: 5px; } .fy { width: 1200px; margin: 0 auto; } .fy ul { margin-top: 40px; } .fy ul li { width: 40px; height: 40px; color: #5c5c5c; text-align: center; line-height: 40px; background: #fff; border: solid 1px #d5d5d5; float: left; margin-right: 10px; } .fy ul li:hover { width: 40px; height: 40px; color: #fff; text-align: center; line-height: 40px; background: #00468e; border: solid 1px #00468e; float: left; margin-right: 10px; } .fy ul li.active { background: #00468e; border: solid 1px #00468e; color: #fff; } .fy ul li i { line-height: 42px; } /*浜у搧璇︽儏鍥剧墖鍒囨崲*/ .demo { width: 800px; height: 450px; font-size: 14px; position: relative; margin: 0 auto; margin-top: 30px; } .demo a.control { position: absolute; display: block; top: 50%; margin-top: -78px; width: 76px; height: 112px; cursor: pointer; z-index: 2; background: url(../images/buttons.png) no-repeat } .demo a.prev { left: 0; background-position: 0 0 } .demo a.next { right: 0; background-position: -76px 0 } .demo a.prev:hover { background-position: 0 -112px } .demo a.next:hover { background-position: -76px -112px } /*----------------------------涓轰繚璇佹渶浣虫晥鏋滐紝寤鸿璁剧疆濡備笅鏍峰紡------------------------*/ .slider { display: none } /*鑱旂郴鎴戜滑-鍏徃绠€浠?/ /*鏂伴椈涓績*/ .container {} .fwzc { margin: 0 auto; } .fwzc ul {} .fwzc_btn { width: 130px; float: right; margin-top: 5px; } .fwzc_btn a { width: 130px; height: 40px; background: #a9a9a9; border-radius: 50px; display: block; font-size: 14px; color: #fff; text-align: center; line-height: 40px; } .fwzc_btn a:hover { width: 130px; height: 40px; background: #1a7d0f; border-radius: 50px; display: block; font-size: 14px; color: #fff; text-align: center; line-height: 40px; } .fwzc h3 { font-size: 28px; margin-bottom: 15px; text-align: center; padding-top: 30px; } .fwzc h3 b { font-weight: normal; } /*鑱旂郴鎴戜滑*/ .conterDiv { width: 1200px; margin: 0 auto; } .conterDiv_t { margin-top: 30px; } .cont_text { width: 570px; height: 300px; background: #ff941b; float: left; padding-top: 20px; } .cont_text p { width: 520px; font-size: 14px; color: #fff; line-height: 32px; margin-left: 20px; } #cont_text { float: right; background: #30a599; } .conterDiv_b { width: 1140px; background: #fff; padding: 30px; margin-top: 30px; } .tsjyDiv { width: 1140px; background: #fff; padding: 30px; margin: 0 auto; margin-top: 30px; } .main4_input { width: 713px; margin: 0 auto; } .main4_input ul { width: 600px; margin: 0 auto; margin-top: 30px; } .main4_input ul li { margin-bottom: 20px; } .main4_input ul li input { width: 600px; height: 45px; padding-left: 10px; overflow: hidden; } #input_wt { height: 100px; } .main4_input textarea { width: 600px; padding-left: 10px; overflow: hidden; font-size: 14px; font-family: "寰蒋闆呴粦"; line-height: 45px; } .tj { width: 610px; height: 45px; background: #be0000; text-align: center; color: #fff; line-height: 45px; font-size: 18px; } /**/ .contaner { width: 1288px; margin: auto; position: relative; } .title { position: relative; border-bottom: 1px solid #878787; height: 57px; } .title h4 { position: relative; font-size: 24px; padding: 10px 0; float: left; } .title p { float: right; margin-top: 20px; color: #878787; font-size: 14px; } .title h4 span { color: #ff0000; font-size: 14px; } .title h4::before { content: ""; position: absolute; bottom: -5px; width: 50px; height: 3px; background-color: #00a9f0; } .footer { background-color: #003262; } .footer .itel1 .foogLogo {} .footer .itel1 { float: left; margin-left: 24px; margin-right: 80px; } .footer .footer_top { padding-top: 45px; } .footer .itel1 .fot_tel { padding-top: 20px; display: inline-block; } .footer .itel1 .fot_tel a { text-align: center; display: inline-block; margin-left: 11px; margin-right: 11px; } .footer .itel2 dl { width: 134px; text-align: center; float: left; } .footer .itel2 dt { color: #fff; margin-bottom: 34px; } .footer .itel2 dd { color: #878787; margin-bottom: 15px; } .footer .itel2 dd a { color: #878787; font-size: 16px; } .footer .item2 { float: left; } .footer .itel3 { float: right; text-align: center; } .footer .itel3 p { margin-top: 12px; color: #fff; } .footer_bottom { float: left; width: 100%; color: #fff; margin-top: 20px; padding: 16px 0; } .footer_bottom p { color: #e0e1e5; } .footer_bottom p a { color: #e0e1e5; font-size: 16px; } .footer_bottom p:first-child { float: left; } .footer_bottom p:first-child a { display: inline-block; margin-left: 5px; margin-right: 5px; } .footer_bottom p:last-child { float: right; } .footer_bottom {} .breadcrumb { text-align: right; padding: 26px 0; } .breadcrumb a { padding-left: 5px; padding-right: 5px; font-size: 16px; } .fwzc li { padding: 45px 0 45px 0; position: relative; border-bottom: 1px solid #ededed; background-color: #fff; overflow: hidden; } .fwzc .newsData { color: #000; font-size: 27px; float: left; width: 100px; text-align: center; position: relative; margin-left: 3px; margin-right: 15px; } .fwzc .newsData span { border: 1px solid #dbdbdb; font-size: 46px; display: block; padding: 30px 0 20px 0; } .fwzc .newsData p { border: 1px solid #dbdbdb; font-size: 18px; padding: 16px 0; } .fwzc .news-img { float: left; width: 410px; height: 274px; } .fwzc .fwzc_l { float: left; width: 680px; margin-left: 26px; } .fwzc .fwzc_l h4 { margin-bottom: 20px; position: relative; } .fwzc .fwzc_l h4 a { font-size: 24px; color: #000; } .fwzc .fwzc_l span { font-size: 14px; margin-top: 20px; line-height: 26px; margin-bottom: 15px; color: #6c6c6c; } .fwzc .fwzc_l span.newsMore { display: block; font-size: 14px; color: #000; margin-top: 40px; } .fwzc .fwzc_l h4 a:hover, .fwzc .fwzc_l span.newsMore:hover { color: #00468e; } .fwzc ul li:hover .newsData, .fwzc ul li:hover .fwzc_l span.newsMore { color: #00468e; } .newsLtemLeft { float: left; width: 969px; } .newsLtemRight { float: left; width: 291px; border: 1px solid #ddd; background-color: #f8f8f8; margin: 50px 0 50px 26px; } .newsLtemRight .newsTitle { height: 50px; line-height: 50px; font-size: 22px; color: #fff; border-bottom: 2px solid #01488f; background-color: #01488f; } .newsLtemRight .newsTitle h4 { padding-left: 20px; font-weight: normal; } .newsLtemRight .newsTitle b { font-size: 18px; font-weight: normal; } .newsLtemRight .hotNews li { margin-top: 28px; } .newsLtemRight .hotNews h4 { margin-top: 10px; margin-bottom: 10px; font-size: 16px; } .newsLtemRight .hotNews span { color: #848484; font-size: 14px; padding-bottom: 23px; } .newsLtemRight .hotNews span, .newsLtemRight .hotNews h4 { margin-left: 8px; margin-right: 8px; } .newsLtemRight .hotNews span { border-bottom: 1px dashed #ccc; display: block; } .newsLtemLeft .lxwm_menu { width: auto; } .fwzc li:hover { background-color: #f6f6f6; } .fwzc li:hover .newsData { color: #000; } .fwzc li:hover .fwzc_l h4 a { color: #014da1; } .footerBg { background-color: #001243; padding: 45px 0 0 0; } .footLogo { float: left; margin-right: 90px; } .footLogo h4 { margin-bottom: 18px; } .footLogo h4 a { font-size: 18px; } .footLogo ul li a { font-size: 16px; line-height: 38px; padding-left: 21px; background: url(../images/jt3.png) no-repeat left; font-weight: 600; } .footLogo a { color: #fff; } .footMenu { float: left; } .footMenu h4 { font-size: 18px; color: #fff; margin-bottom: 20px; } .footMenu ul li { margin-bottom: 16px; font-size: 16px; color: #fff; } .footMenu ul li a { color: #fff; display: block; width: 130px; font-size: 16px; line-height: 24px; } .footShare { float: right; } .footShare .shareTop { text-align: center; } .footShare .shareBottom { margin-top: 40px; } .footShare .footIcon { display: inline-block; margin-right: 25px; position: relative; } .footIcon .awm { position: absolute; top: -230px; z-index: 1; right: -40px; display: none; } .wxIcon:hover .awm { display: block; } /*5-15鍏充簬鎴戜滑*/ #header { border-top: 12px solid #001243; } .telRight { float: right; margin-top: 29px; } .telRight .tel i, .telRight .tel span, .telRight .lang i, .telRight .lang select { float: left; line-height: 30px; color: #282e3e; font-size: 14px; font-weight: bold; } .telRight .tel { display: block; float: none; } .telRight .tel i { width: 31px; height: 30px; background: url(../img/icon1.jpg) no-repeat; margin-right: 10px; } .telRight .tel span {} .telRight .lang { margin-top: 26px; display: block; } .telRight .lang i { width: 31px; height: 30px; background: url(../img/icon2.jpg) no-repeat; margin-right: 10px; } .telRight .lang select { border: none; margin-top: 5px; } .index-about .index-about-l { float: left; } .index-about .index-about-r { float: right; width: 600px; margin-top: 55px; } .index-about .index-about-r h4 { position: relative; font-size: 36px; font-weight: bold; color: #001244; padding-bottom: 22px; margin-bottom: 55px; } .index-about .index-about-r h4::before { content: ''; position: absolute; bottom: 0; width: 64px; height: 2px; background-color: #001244; } .index-about .index-about-r .text p { font-size: 16px; color: #5d5d5d; } .index-about .index-about-r a.btn { background-color: #e10019; padding: 20px 45px; border-radius: 10px; font-size: 24px; color: #fff; display: inline-block; margin-top: 48px; } /*鏂伴椈*/ .aboutNewsMain { background: url(../images/newsBg.jpg) no-repeat; background-size: cover; margin-top: 70px; } .aboutNews { padding: 52px 0 72px 0; } .title2 { text-align: center; width: 100%; margin-bottom: 60px; } .title2 h2 { font-size: 36px; color: #fff; position: relative; display: inline-block; padding-bottom: 24px; } .title2 h2::before { content: ''; position: absolute; width: 50%; height: 2px; background-color: #cecece; bottom: 0; left: 50%; transform: translateX(-50%); } .aboutNews ul li { width: 30.3333%; padding-right: 3%; float: left; } .aboutNews ul li .data { color: #e10019; font-size: 28px; } .aboutNews ul li h4 { color: #fff; font-size: 23px; margin: 16px 0; } .aboutNews ul li .text { color: #c4c2c2; font-size: 16px; line-height: 22px; } .aboutNews ul li a.btn { background-color: #e10019; padding: 15px 30px; border-radius: 10px; font-size: 19px; color: #fff; display: inline-block; margin-top: 48px; } .index-glory { width: 100%; background-color: rgba(215, 0, 0, .35); } .index-glory ul li { width: 25%; color: #fff; float: left; text-align: center; padding: 28px 0; } .index-glory ul li p { font-size: 40px; font-weight: bold; margin-bottom: 10px; } .index-glory ul li span { font-size: 26px; } .index-server-bg { padding: 75px 0 0 0; } .blank h2 { color: #001244; } .blank h2::before { background-color: #3e3e3e; } .index-server ul li { /* width: 382px; */ width: 573px; float: left; margin-right: 70px; margin-bottom: 42px; } .index-server ul li:nth-child(3n) { margin-right: 0; } .index-server ul li .t-img { /* width: 382px; height: 254px; */ width: 573px; height: 381px; } .index-server ul li .t-img img{ width: 100%; } .index-server ul li h4 { font-size: 19px; color: #e10019; margin-top: 32px; margin-bottom: 10px; } .index-server ul li .text p { font-size: 16px; color: #5d5d5d; line-height: 24px; } /*璧拌繘涓ぇ*/ .bannerItem { position: relative; } .subMenu { position: absolute; right: 0; bottom: 0; z-index: 9; } .subMenu h4 { color: #fff; font-size: 32px; } .subMenu .bread { margin: 23px 0 20px 0; } .subMenu .bread a, .subMenu .bread { color: #f8f8f8; font-size: 16px; } .subMenu .bread a { margin-right: 5px; } .lxwm_menu { width: 1282px; margin: 32px auto; } /* data-wow-delay="900ms" */ .lxwm_menu ul {} .lxwm_menu ul li { width: 175px; float: left; line-height: 62px; height: 62px; position: relative; margin-right: 9px; } .lxwm_menu ul li:last-child { margin-right: 0; } .lxwm_menu ul li a { display: block; padding-left: 16px; color: #000; font-size: 16px; background: #f8f8f8; } .lxwm_menu ul li:hover a { background: #00468e; color: #fff; } .lxwm_menu ul li::after { content: ">"; position: absolute; right: 12px; top: 0; } .lxwm_menu ul li.active a { background: #00468e; color: #fff; } .lxwm_menu ul li.active::after, .lxwm_menu ul li:hover::after { content: ">"; color: #fff; transform: rotate(90deg); } .aboutTwo { background: url(../images/aboutTwoBg.jpg) no-repeat; margin-top: 60px; } .aboutTwo .aboutTwoL { float: left; width: 350px; margin-top: 130px; margin-right: 35px; } .aboutTwo .aboutTwoL p { color: #fff; font-size: 18px; line-height: 28px; } .aboutTwo .aboutTwoR { position: relative; display: flex; } .aboutTwo .aboutTwoR .item { position: relative; width: 359px; overflow: hidden; float: left; margin-bottom: 25px; } .aboutTwo .aboutTwoR .item .text { position: absolute; bottom: 0; z-index: 2; padding-left: 14px; padding-bottom: 18px; width: 100%; padding-top: 6px; } .aboutTwo .aboutTwoR .item .text h4 { font-size: 38px; color: #fff; } .aboutTwo .aboutTwoR .item .text p { font-size: 16px; color: #fff; margin-top: 10px; display: none; } .aboutTwo .aboutTwoR .item:hover .text { background-color: rgba(255, 0, 0, .65); } .aboutTwo .aboutTwoR .item:hover .text p { display: block; } .aboutTwo .aboutTwoR .item.t1 { margin-top: 70px; } .aboutTwo .aboutTwoR .item.t2 { width: 330px; } .aboutTwo .aboutTwoR .item.t3 { width: 353px; margin-top: 15px; } .aboutTwo .aboutTwoR .item.t4 { width: 520px; } .about-case { margin: 95px 0 85px 0; } .about-case .contaner { display: flex; align-items: flex-end; } .about-case .item { background-color: #f7f7f7; flex: 1; margin-right: 25px; } .about-case .item:last-child { margin-right: 0; } .about-case .item .t-text { padding: 0 20px; } .about-case .item .t-text h4 { font-size: 38px; color: #000; font-weight: normal; margin-bottom: 16px; } .about-case .item .t-text h4 i { font-size: 26px; font-style: normal; } .about-case .item .t-text p { color: #707070; font-size: 18px; line-height: 32px; padding: 30px 0; } .caseOne .caseImg { float: left; width: 570px; margin-right: 52px; } .caseOne .caseText { float: left; width: 663px; } .caseOne .caseText h4 { font-size: 36px; color: #000; font-weight: normal; margin-bottom: 23px; } .caseOne .caseText p { line-height: 30px; font-size: 16px; } .caseItem { margin-top: 70px; margin-bottom: 80px; } .caseItem ul li { float: left; width: 424px; position: relative; margin-right: 8px; margin-bottom: 10px; overflow: hidden; } .caseItem ul li:nth-child(3n) { margin-right: 0; } .caseItem ul li .t-img { width: 424px; height: 323px; } .caseItem ul li .text { position: absolute; bottom: 0; z-index: 2; padding:12px 0; line-height: 30px; background-color: rgba(0, 0, 0, .7); width: 100%; text-align: center; font-size: 18px; color: #fff; } .index-about-l img, .t-img img { -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s } .index-about-l img:hover, .t-img img:hover { -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08) } .aboutNews ul li a.btn, .index-about .index-about-r a.btn, .caseImg img { -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s } .aboutNews ul li a.btn:hover, .index-about .index-about-r a.btn:hover { background-color: #001243; } .fwzc ul li .news-img { -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s } .fwzc ul li:hover .news-img, .caseImg img:hover { -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08) }