@charset "UTF-8"; /*共用样式*/ .indexContent .titleBar{} .indexContent .titleBar .title{ color: #d81818;font-size: 24px;font-weight: bold; } .indexContent .titleBar .title span{ color: #999;font-size: 24px; font-weight: bold;text-transform: uppercase;} .indexContent .titleBar .title i{ font-style: normal; font-weight: normal; color: #999;font-size: 24px;display: inline-block; margin:0 6px;} /*产品中心*/ .indexContent .product{} .indexContent .product .titleBar .title{ text-align: center; } .indexContent .product{ max-width: 1200px; padding-top: 66px;padding-bottom: 90px;} .indexContent .product .product-list{ margin-top: 48px; position: relative;padding-bottom: 74px;overflow: hidden;} .indexContent .product .product-list li{ width: 117px; } .indexContent .product .product-list li .pic{margin: 0 auto;transition: all ease .3s; width: 117px;height: 117px;line-height: 117px;text-align: center;border-radius: 117px;border: 2px solid #c60c1b; } .indexContent .product .product-list li .pic img{ vertical-align: middle; } .indexContent .product .product-list li .state{ text-align: center;color: #333;font-size: 18px; margin-top: 14px;} .indexContent .product .product-list .control{ position: absolute; width: 100%; height: 24px; bottom: 0;left: 0;text-align: center; font-size: 0;} .indexContent .product .product-list .control a.pprev{ background: #d2d2d2 url(../images/prev.png) no-repeat center; } .indexContent .product .product-list .control a.pnext{ background: #d2d2d2 url(../images/next.png) no-repeat center; } .indexContent .product .product-list .control a{display: inline-block;margin: 0 4px;width: 24px;height: 24px;} .indexContent .product .product-list .control a:hover{ text-decoration: none;background-color: #959595; } .indexContent .product .product-list li a:hover{ text-decoration: none; } .indexContent .product .product-list li a:hover .pic{ background: #c60c1b; } .indexContent .product .product-list li a:hover .state{ color: #c60c1b; } .indexContent .product .product-list.product-list-wap li{ float: left; width: 33.3%;margin-bottom: 78px; } .indexContent .product .product-list.product-list-wap{ display: none; padding-bottom: 0;} /*视频*/ .indexContent.video{ background: #eee; } .indexContent.video .container{ width: 1200px; padding: 0;} .indexContent.video .left{ width: 600px; height: 510px; padding: 36px 0;} .indexContent.video .left .content{ margin:35px 0; width: 488px;position: relative;} .indexContent.video a.more{ display: block; width: 75px;height: 30px;text-align: center;line-height: 30px;background: #c60c1b;color: #fff;font-size: 12px; } .indexContent.video .right{width: 600px;padding: 36px 0; background: url(../images/bg.png) no-repeat center; height: 510px; } .indexContent.video .right .title{ text-align: center;font-size: 24px;color: #fff;font-weight: bold; } .indexContent.video .right .subtitle{ display: none;color: #b4b4b4;font-size: 24px;text-align: center;font-family: 'pingfang';} .indexContent.video .right .content{ padding: 25px 50px 40px; } .indexContent.video .right .content p{ color: #fff;font-size: 16px; line-height: 28px; } .indexContent.video .right a.more{ background: #fff;color: #c60c1b;margin-left: 50px; } .indexContent.video .right a.more0{ max-width: 4.64rem; display: none; width:46%;height: 1.1467rem;line-height: 1.1467rem;background: #c60c1b;margin: 0 auto;color: #fff;font-size: 0.24rem;text-align: center; } .indexContent.video iframe{height: 400px;max-width: 100%;} @media only screen and (max-width:760px) { .indexContent.video iframe{height: 160px;max-width: 100%;} } /*新闻动态*/ .indexContent.news{ padding-top: 62px;padding-bottom: 78px; } .indexContent.news .titleBar{ text-align: center; } .indexContent.news .container{ width: 1200px; padding: 0;overflow: hidden; } .indexContent.news .content-pc{margin-top: 40px;} .indexContent.news .content-pc .tabs{ text-align: center;font-size: 0; border-bottom: 1px solid #eee;margin-bottom: 32px;} .indexContent.news .content-pc .tabs a{ display: inline-block;height: 40px;line-height: 40px; color: #333;font-size: 16px;font-weight: bold; width: 160px;border-bottom: 4px solid #959595;margin: 0 2px;} .indexContent.news .content-pc .tabs a.on, .indexContent.news .content-pc .tabs a:hover{ border-bottom: 4px solid #d81818;text-decoration: none; } .indexContent.news .content-pc .newsList{ overflow: hidden; width: 100%;height: 308px; position: relative;} .indexContent.news .content-pc .newsList .list{ position: absolute;width: 100%;height: 308px;left: 0;top: 0; opacity: 0;visibility: hidden;} .indexContent.news .content-pc .newsList .list.on{ opacity: 1;visibility: visible; } .indexContent.news .content-pc .newsList .img{ height: 308px; position: relative;width: 418px;} .indexContent.news .content-pc .newsList .nlist{height: 308px;padding: 0;background: #eee; width: 458px;float: left;} .indexContent.news .content-pc .newsList .search{padding: 20px 28px; height: 308px;background: url(../images/bg2.png) no-repeat center; width: 324px;} .indexContent.news .content-pc .newsList .img .pic{ width: 100%;height: 100%; } .indexContent.news .content-pc .newsList .img .pic img{ width: 100%;height: 100%; } .indexContent.news .content-pc .newsList .img .state{ position: absolute; bottom: 0;left: 0;width: 100%;height: 50px;line-height: 50px;background: rgba(0,0,0,.5);} .indexContent.news .content-pc .newsList .img .state .title{padding: 0 50px 0 20px; color: #fff;font-size: 16px;font-weight: bold; height: 50px;line-height: 50px;} .indexContent.news .content-pc .newsList .img .state .time{font-size: 0; text-align: center; position: absolute; width: 50px;height: 50px;background: #c60c1b;right: 0;top: 0; } .indexContent.news .content-pc .newsList .img .state .time span{ line-height: 24px;height: 24px; display: inline-block; width: 100%; color: #fff;font-size: 12px; } .indexContent.news .content-pc .newsList .img .state .time span+span{ border-top: 1px solid #fff; } .indexContent.news .content-pc .newsList .img .state .time span:nth-child(2){ position: relative; top: -6px; } .indexContent.news .content-pc .newsList .nlist ul{ margin: 30px 18px 20px; } .indexContent.news .content-pc .newsList .nlist li{} .indexContent.news .content-pc .newsList .nlist li p{ color: #333;font-size: 14px;line-height: 30px; } .indexContent.news .content-pc .newsList .nlist li p span{ color: #666;font-size: 12px; display: inline-block; margin-right: 12px;} .indexContent.news .content-pc .newsList .nlist a.more{ display: block;margin-left: 18px; width:75px;height: 30px;line-height: 30px;text-align: center;background: #c60c1b;color: #fff;font-size: 12px;border-radius: 2px; } .indexContent.news .content-pc .newsList .nlist li a:hover{ text-decoration: none; } .indexContent.news .content-pc .newsList .nlist li a:hover p{ color: #c60c1b; } .indexContent.news .content-pc .newsList .search h2{ color: #fff;font-size: 16px; font-weight: bold;text-align: center;margin-bottom: 42px; height: 40px;line-height: 40px;border-bottom: 1px solid #fff; } .indexContent.news .content-pc .newsList .search .hot-search{margin-bottom: 24px;} .indexContent.news .content-pc .newsList .search .hot-search p{color: #fff;font-size: 14px;font-weight: bold;} .indexContent.news .content-pc .newsList .search .hot-search p a{color: #fff;font-size: 12px;font-weight: normal;} .indexContent.news .content-pc .newsList .search .info{ width: 100%; height: 32px;background: #dcdcdc;border-radius: 32px; position: relative;} .indexContent.news .content-pc .newsList .search .info input{ height: 32px;border-radius: 32px;line-height: 32px;border: none;background: transparent;width: 84%; padding:0 10px;} .indexContent.news .content-pc .newsList .search .info .sbtn{ position: absolute;right: 0;top: 0; width:50px;height: 32px;background: url(../images/search.png) no-repeat center;} .indexContent.news .content-wap{ display: none; margin-top: 50px;} .indexContent.news .content-wap li{ margin-bottom: 30px;margin-right: 4%; width: 48%; float: left;} .indexContent.news .content-wap li:nth-child(2n){ margin-right: 0; } .indexContent.news .content-wap .pic{ width: 100%;height: auto; } .indexContent.news .content-wap .pic img{width: 100%;height: auto;} .indexContent.news .content-wap .state{margin-top: 4px;} .indexContent.news .content-wap .state .title{ color: #333;font-size: 0.32rem; } @media only screen and (max-width:760px) { .indexContent.news .content-wap .state .title{ color: #333;font-size: 0.35rem; } } .indexContent.news .content-wap .state .time{ color: #b6b6b6;font-size: 0.24rem; } .indexContent.news .content-wap li a:hover{ text-decoration: none; } .indexContent.news .content-wap li a:hover .state .title{ color: #d81818; } .indexContent.news .content-wap li a:hover .state .time{ color: #d81818; } /*我们的优势*/ .indexContent.about{ background: url(../images/bg4.png) no-repeat center top; } .indexContent.about .abg{ background: rgba(187,7,21,.85);padding-top: 42px; padding-bottom: 25px;} .indexContent.about .container{ width: 1200px;} .indexContent.about .titleBar{ text-align: center; } .indexContent.about .titleBar .title{ color: #fff; } .indexContent.about .titleBar .title span{ color: #ccc; } .indexContent.about .titleBar .title i{ color: #ccc; } .indexContent.about .about-list{ margin-top: 50px; } .indexContent.about .about-list li{ float: left;margin-bottom: 30px;} .indexContent.about .about-list li:last-child{ margin-right: 0; } .indexContent.about .about-list li a:hover{ text-decoration: none; } .indexContent.about .about-list .pic{margin: 0 auto; width: 165px;height: 165px;border-radius: 165px; line-height: 165px;text-align: center;background: #ccc;border: 8px solid #9b1520; } .indexContent.about .about-list .pic span{ color: #981520; font-size: 42px;} .indexContent.about .about-list .state{margin-top: 10px;} .indexContent.about .about-list .state .title{ color: #fff;font-size: 16px;font-weight: bold;text-align: center;line-height: 24px; } .indexContent.about .about-list .state .subtitle{text-transform: uppercase; color: #fff;font-size: 12px;text-align: center; line-height: 20px;} /*footer*/ .indexContent.webMap{ background: #393c41; padding-top: 42px;padding-bottom: 32px;} .indexContent.webMap .container{ width: 1200px;padding: 0; } .indexContent.webMap .left{ width: 910px; } .indexContent.webMap .right{ width: 290px; } .indexContent.webMap .left .list{ float: left; } .indexContent.webMap .left .list+.list{ margin-left: 60px; } .indexContent.webMap .left .list h2{color: #fff;font-size: 14px; font-weight:normal;margin-bottom: 16px;} .indexContent.webMap .left .list li a{ color: #999;font-size: 12px; line-height: 30px; display: block; } .indexContent.webMap .right .code{ font-size: 0;text-align: right; } .indexContent.webMap .right .code a{ width: 102px;display: inline-block; } .indexContent.webMap .right .code a img{ width: 102px;height: 102px; } .indexContent.webMap .right .code a+a{ margin-left: 42px; } .indexContent.webMap .right .code a span{ display: inline-block; width: 100%;text-align: center;color: #fff;font-size: 12px;margin-top: 4px; } .indexContent.webMap .right .code a:hover{ text-decoration: none; } .indexContent.webMap .right .logo{ text-align: right; padding-right: 10px;margin-top: 22px; } .footer-pc{ background: #292a2e;height: 78px; padding-top: 10px;} footer .container{ width: 1200px; } .footer-pc p{ color: #999;font-size: 12px;line-height: 30px; } .footer-pc p a{ color: #999;font-size: 12px; } .footer-wap{ display: none; background: #393c41;padding: 66px 0 46px;} .footer-wap .code{ font-size: 0;text-align: center;margin-bottom: 42px; } .footer-wap .code a{ width: 184px; display: inline-block;} .footer-wap .code a img{height: 184px;height: 184px;} .footer-wap .code a+a{ margin-left: 32px; } .footer-wap .code a span{ color: #aeaeae;font-size: 16px;text-align: center; display: inline-block; width: 100%;margin-top: 6px;} .footer-wap .code a:hover{text-decoration: none;} .footer-wap .list{ text-align: center; } .footer-wap .list p{ color: #aeaeae;font-size: 12px; line-height: 30px; } .footer-wap .list p a{ color: #aeaeae;font-size: 12px; line-height: 30px; } /*内页css*/ /*产品中心*/ .subbanner-pc .subimg{ position: relative;width: 1920px;height: 210px;left: 50%;margin-left: -960px; overflow: hidden;} .subbanner-wap{ height: 333px; display: none;} .subbanner-wap .subimg{position: relative; width: 750px;left: 50%;margin-left: -375px;height: 333px;} .subbanner-wap .subimg .title{ text-align: center;color: #c60c1b;font-size: 0.64rem;font-weight: bold;padding-top: 100px; margin-bottom: 20px;} .subbanner-wap .subimg .subtitle{ text-align: center;color: #c60c1b;font-size: 0.48rem; } /*菜单栏*/ .submenu-pc{ width: 100%;height: 46px; background: #cf1717; } .submenu-pc .wrapper{ width: 1200px; margin: 0 auto; } .submenu-pc .left p{ background: url(../images/home.png) no-repeat 10px center; padding-left: 42px; height: 46px;line-height: 46px;} .submenu-pc .left p a{ color: #fff;font-size: 14px; display: inline-block;} .submenu-pc .left p a.item{background: url(../images/sj.png) no-repeat left center; padding-left: 15px;margin-left: 10px;} .submenu-pc .right a{ display: inline-block; color: #fff;font-size: 14px; height: 46px;line-height: 46px; padding: 0 10px;transition: all ease .3s;} .submenu-pc .right a:hover, .submenu-pc .right a.on{ background: #fff; color: #cf1717;text-decoration: none;} .submenu-wap{ display: none; } .submenu-wap .submenuList{ background-color: #fff;padding: 0.4rem 0.2667rem;font-size: 0; } .submenu-wap .submenuList a{float: left; display: inline-block; width: 32.3%;margin-right: 1%;margin-bottom: 0.1333rem; height: 1.12rem;line-height: 1.12rem;border: 1px solid #c60c1b;color: #c60c1b;font-size: 0.3467rem;text-align: center; } .submenu-wap .location{clear: both;font-size:0.4rem; color: #fff;background: #c60c1b;height: 1.1333rem;line-height: 1.1333rem;padding: 0 0.2667rem; } .submenu-wap .location a{ display: inline-block; font-size: 0.4rem;color: #fff; } .inpageContent{ width: 100%;padding-top: 40px;padding-bottom: 80px; } .inpageContent .wrapper{ width: 1200px;margin: 0 auto; } .inpageContent .leftBar{ width: 210px; } .inpageContent .leftBar .title{ height: 36px;line-height: 36px;color: #fff;font-size: 18px; background: #c60c1b;text-align: center; } .inpageContent .leftBar ul{ border: 1px solid #dcdcdc; width: 210px; } .inpageContent .leftBar li+li{ border-top: 1px dashed #d2d2d2; } .inpageContent .leftBar li .item{ display: block;width: 100%;height: 40px;line-height: 40px;color: #c60c1b;font-size: 14px; padding-left: 50px; background: url(../images/jia.png) no-repeat 15px center;} .inpageContent .leftBar li .item.on{ background: url(../images/jian.png) no-repeat 15px center; } .inpageContent .leftBar li a:hover{ text-decoration: none; } .inpageContent .leftBar li .barCon{ display: none; } .inpageContent .leftBar li .barCon a{ display: block; width: 100%; height: 40px;line-height: 40px;padding-left: 50px; color: #c60c1b;font-size: 14px; overflow: hidden;text-overflow: ellipsis;display: block;white-space: nowrap;} .inpageContent .content{ overflow: hidden; padding-left: 20px; } .inpageContent .content img{ width: 100% } .inpageContent .content h3.title{ color: #cf1717;font-size: 24px;font-weight: bold;padding-left: 36px;background: url(../images/yuan.png) no-repeat left center; height: 54px;line-height: 54px; border-bottom: 1px solid #cf1717; } .inpageContent .content .state{ width: 100%;padding: 30px 36px;background: #f6f6f6; margin: 30px 0;} .inpageContent .content .state p{ color: #3f3f3f; font-size: 14px;line-height: 32px; } .inpageContent .content .list{ border: 1px solid #dcdcdc;padding-top: 22px; width: 100%;margin-bottom: 70px;} .inpageContent .content .container{ padding-left: 0;padding-right: 0; } .inpageContent .content .list li{ float: left;margin-bottom: 24px; } .inpageContent .content .list li .pic{ text-align: center;} .inpageContent .content .list li .pic img{ width: 298px; height: 222px; } .inpageContent .content .list li .title{ text-align: center;color: #646464;font-size: 14px; margin-top: 8px;} .inpageContent .content .list li a:hover{ text-decoration: none; } .inpageContent .content .list li a:hover .title{ color: #c60c1b; } .pages{ text-align: right;font-size: 0; } .pages a{ display: inline-block; padding: 0 14px;height: 35px;line-height: 36px;margin: 0 5px; border: 1px solid #d2d2d2;color: #333;font-size: 14px;} .pages a.next, .pages a.prev{ padding: 0 28px; } .pages a.on, .pages a:hover{ background: #c60c1b;color: #fff;text-decoration: none;border: 1px solid #c60c1b; } .pages a.sl{ border: none; } .pages a.sl:hover{ background: #fff;color: #333; } .pages0{ display: none; font-size: 0;text-align: center} .pages0 a{ color: #c60c1b;font-size: 0.4rem; display: inline-block; padding: 0 0.1200rem;margin-right: 0.2133rem;} .inpageContent .content h3.title0{ color: #c60c1b;font-size: 18px;border-bottom: 1px solid #c4c4c4; height: 50px;line-height: 50px; } .inpageContent .content .state0{ margin-top: 20px;padding-bottom: 42px; } .inpageContent .content .state0 .pic{ width: 557px;height: auto; } .inpageContent .content .state0 .pic img{ width: 100%;height: auto; } .inpageContent .content .state0 .detail{ overflow: hidden; padding-left: 40px; } .inpageContent .content .state0 .detail p{color: #333;font-size: 18px;line-height: 28px;} .inpageContent .content .list0{ border:none;position: relative; overflow: hidden; margin-bottom: 0;padding: 0 70px;} .inpageContent .content .list0 .pd-list{ width: 100%;overflow: hidden; height: 207px;} .inpageContent .content .list0 li+li{ margin-left: 14px; } .inpageContent .content .list0 li .pic img{ width: 254px;height: 143px; } .inpageContent .content .list0 a.pnext{ width: 13px;height: 37px;position: absolute; right: 25px;top: 50px;background: url(../images/next1.png) no-repeat center; } .inpageContent .content .list0 a.pprev{ width: 13px;height: 37px;position: absolute; left: 25px;top: 50px;background: url(../images/prev1.png) no-repeat center; } .inpageContent .content .list0 li .title{ color: #c60c1b; } .inpageContent .content .xg-title{ background: #ededed;height: 40px;line-height: 40px;color: #c60c1b;font-size: 14px;padding-left: 26px;margin: 42px 0 34px; } .inpageContent .content .pd-bottom{ height: 32px;background: #ededed;width: 100%; } .inpageContent .switch{ margin-top: 30px; } .inpageContent .switch p a{ color: #666;font-size: 14px; } .inpageContent .switch p a:hover{ color: #c60c1b; text-decoration: none;} .inpageContent .content .product-data{ border-top: 1px solid #c9c9c9; padding-top: 20px;} .inpageContent .content .product-data h4.title{ color: #171717;font-size: 18px; font-weight: bold;margin-bottom: 26px;} .inpageContent .content .product-data table{ border: 1px solid #c9c9c9; margin: 0 auto;} .inpageContent .content .product-data table tr+tr{border-top: 1px solid #c9c9c9; } /*.inpageContent .content .product-data table tr{ height: 64px;line-height: 64px; }*/ /*.inpageContent .content .product-data table td{text-align: center;color: #171717;font-size: 14px; width: 200px;}*/ .inpageContent .content .product-data table td+td{ border-left: 1px solid #c9c9c9; } /*.inpageContent .content .product-data table.table-wap{ display: none; }*/ /*案例*/ .inpageContent .leftBar0{ width: 264px; } .inpageContent .leftBar .contactList{ padding: 28px 26px 30px 16px; border: 1px solid #dcdcdc; } .inpageContent .leftBar .contactList p{ color: #3f3f3f;font-size: 14px; line-height: 28px;} .inpageContent .leftBar .contactList p span{ color: #3f3f3f;font-size: 14px;display: inline-block; } .inpageContent .leftBar .contactList p span i{ color: #3f3f3f;font-size: 14px;font-style: normal; } .inpageContent .leftBar .contactList p a{ color: #3f3f3f;font-size: 14px; } .inpageContent .leftBar .contactList p span.two{ width: 138px; } .inpageContent .leftBar .contactList a.tel{ margin-top: 30px;display: block; } /*产品咨询*/ .inpageContent .consult{} .inpageContent .consult .info{ margin-bottom: 38px; font-size: 0;} .inpageContent .consult .info p{ font-size: 0; width: 50%;} .inpageContent .consult .info p.m{ width: 100%; } .inpageContent .consult .info p.m span{ width: 8.5%; } .inpageContent .consult .info span{ color: #333;font-size: 14px;display: inline-block;width: 17%;text-align: right;height:38px;line-height: 38px;margin-right: 4px; } .inpageContent .consult .info input{ width: 81%;height: 38px;line-height: 38px;border: 1px solid #dcdcdc;padding: 0 10px; font-size: 14px;color: #333;} .inpageContent .consult .info textarea.mes{ width: 90.5%;line-height: 30px; border: 1px solid #dcdcdc;color: #333;font-size: 14px;height: 228px;padding: 10px;} .inpageContent .consult .btns{ margin-left: 150px;font-size: 0; } .inpageContent .consult .btns a{ display: inline-block;color: #fff;font-size: 16px; font-weight: bold;width: 145px;height: 40px;line-height: 40px; text-align: center;background: #362e2b; } .inpageContent .consult .btns a.on{ background: #c60c1b; } .inpageContent .consult .btns a:hover{ text-decoration: none; } .inpageContent .consult .btns a+a{ margin-left: 34px; } /*关于我们*/ .inpage-detail img{ max-width: 100%; } .inpage-detail p{ color: #333;font-size: 16px;line-height: 20px; } /*客户服务*/ .inpageContent .service .slist span{height: 44px;line-height: 44px; display: block; width: 12.5%;text-align: right;color: #3a3a3a;font-size: 18px;font-weight: bold;} .inpageContent .service .slist p{width: 70%; padding-left: 20px; color: #3a3a3a;font-size: 14px;line-height: 44px; } /*联系方式*/ .inpageContent .contact{} .inpageContent .contact .title{ margin-bottom: 40px; } .inpageContent .contact .contactList{ margin-bottom: 54px; } .inpageContent .contact .contactList .cleft{ width: 720px; } .inpageContent .contact .contactList .cleft p{ line-height: 52px;color: #3f3f3f;font-size: 16px; } .inpageContent .contact .contactList .cright{ } .inpageContent .contact .contactList .cright a{ width: 164px;display: inline-block; } .inpageContent .contact .contactList .cright a img{ width: 150px;height: 150px; border: 1px solid #000;margin-top: 16px;} .inpageContent .contact .contactList .cright a i{ font-style: normal;color: #3f3f3f;font-size: 12px; } .inpageContent .contact .contactList .cright a+a{ margin-left: 100px; } .inpageContent .contact .ditu{} .inpageContent .contact .ditu h2{ color: #252525;font-size: 24px;font-weight: bold; } .inpageContent .contact .ditu h3{ color: #252525;font-size: 14px;font-weight: normal;margin-top: 12px; margin-bottom: 24px;} .inpageContent .contact .ditu .contact-info{ width: 598px;border: 1px solid #dcdcdc;background: #eee;padding: 42px 50px; } .inpageContent .contact .ditu .contact-ditu{ width: 584px;height: 334px; } .inpageContent .contact .ditu .contact-info .info{ margin-bottom: 28px; } .inpageContent .contact .ditu .contact-info .info div{ width: 50%; } .inpageContent .contact .ditu .contact-info .info div.fr{ text-align: right; } .inpageContent .contact .ditu .contact-info .info span{ color: #525252;font-size: 16px;line-height: 24px; width: auto;display: inline-block;} .inpageContent .contact .ditu .contact-info .info input{padding: 0 10px; color: #525252;font-size: 16px;line-height: 24px; height: 24px;background: #fff;border: 1px solid #dcdcdc;width: 58%;} .inpageContent .contact .ditu .contact-info .info textarea{ height: 68px;width: 100%;border: 1px solid #dcdcdc;background: #fff;color: #525252;font-size: 16px; padding: 10px;} .inpageContent .contact .ditu .contact-info button{ display: block; width: 100%; height: 45px; line-height: 45px; background: #fff; text-align: center; color: #a26d6d; font-size: 16px; border: none; outline: none; -webkit-box-shadow: 0px 10px 25px -13px rgba(0,0,0,0.28); -moz-box-shadow: 0px 10px 25px -13px rgba(0,0,0,0.28); box-shadow: 0px 10px 25px -13px rgba(0,0,0,0.28); } /*人才招聘*/ .inpageContent .join{ border-top: 1px solid #c60c1b; } .inpageContent .join .jlist{ border-bottom: 1px solid #c60c1b; } .inpageContent .join .jlist .title{cursor: pointer; color: #333;font-size: 18px;height: 56px;line-height: 56px;padding-left: 10px;position: relative;} .inpageContent .join .jlist .title span{ color: #333;font-size: 18px;display: inline-block; width: 43%;} .inpageContent .join .jlist .title i{ position: absolute; width: 48px;height: 56px;background: url(../images/xjt.png) no-repeat center;right:0;top: 0;} .inpageContent .join .jlist .con{ padding: 0 10px 54px; display: none;} .inpageContent .join .jlist .con .t{ color: #666;font-size: 14px;line-height: 24px; } .inpageContent .join .jlist .con li{ color: #999;font-size: 14px;line-height: 24px; } .inpageContent .join .jlist .con .s{ color: #c60c1b;font-size: 14px;margin-top: 18px; } .inpageContent .join .jlist.on .con{ display: block; } .inpageContent .join .jlist.on .title i{ background: url(../images/sjt.png) no-repeat center; } .inpageContent .join .pages{ text-align: center;margin-top: 76px; } /*视频中心*/ .inpageContent .video{} .inpageContent .video li{margin-bottom: 50px;} .inpageContent .video li:nth-child(3n){ margin-right: 0; } .inpageContent .video li .pic{ width: 270px; position: relative;margin: 0 auto;} .inpageContent .video li .pic img{ width: 100%;height: auto; } .inpageContent .video li .title{ position: absolute;width: 100%;height: 35px;background: rgba(198,12,27,.7);left: 0;bottom: 0; } .inpageContent .video li .title p{ color: #fff;text-align: center;font-size: 14px;height: 35px;line-height: 35px; } .inpageContent .video li .vbg{ position: absolute;opacity: 0;visibility: hidden;transition: all ease .3s; width: 100%;height: 100%;top: 0;left: 0;background: rgba(198,12,27,.65) url(../images/play2.png) no-repeat center;} .inpageContent .video li a:hover{ text-decoration: none; } .inpageContent .video li a:hover .title{ opacity: 0;visibility: hidden; } .inpageContent .video li a:hover .vbg{ opacity: 1;visibility: visible; } .inpageContent .video .pages{ text-align: center; } /*新闻中心*/ .inpageContent .leftBar li .item0 { display: block; width: 100%; height: 40px; line-height: 40px; color: #c60c1b; font-size: 14px; text-align: center; } .inpageContent .content0{ padding-left: 50px; } .inpageContent .content0 .pages{ text-align: center; } .inpageContent .news-top{ width: 1200px;margin: 0 auto 56px; } .inpageContent .news-top li{ width: 49%; float: left;} .inpageContent .news-top li:nth-child(odd){ margin-right: 24px; } .inpageContent .news-top li .pic{ width: 50%;height: auto; } .inpageContent .news-top li .pic img{ width: 100%;height: auto; } .inpageContent .news-top li .state{ overflow: hidden;padding-left: 20px; } .inpageContent .news-top li .state .title{color: #333;font-size: 16px;line-height: 24px; height: 48px;margin-bottom: 22px;} .inpageContent .news-top li .state .description{ color: #999;font-size: 14px;line-height: 24px; margin-bottom: 20px;height: 70px;} .inpageContent .news-top li .state .time{ border-bottom: 1px solid #eee;padding-bottom: 26px;color: #c8c8c8;font-size: 14px; } .inpageContent .news-top li a:hover{ text-decoration: none; } .inpageContent .news-top li a:hover .state .title{ color: #cf1717; } .inpageContent .news-pc{ margin-bottom: 62px;} .inpageContent .news-pc li{ padding: 25px 20px;border: 1px solid #d2d2d2; } .inpageContent .news-pc li+li{ margin-top: 40px; } .inpageContent .news-pc li .nleft{ width: 80px; } .inpageContent .news-pc li .nleft .year{margin-bottom: 6px; color:#999;font-size: 14px; width: 100%;height: 30px;display: block;background: #f5f5f5;text-align: center;line-height: 30px; } .inpageContent .news-pc li .nleft .mday{font-size: 20px;color: #c60c1b; width: 100%;height: 40px;display: block; text-align: center;line-height: 40px;background: #f5f5f5; } .inpageContent .news-pc li .nstate{ overflow: hidden;padding-left: 25px; } .inpageContent .news-pc li .nstate .ntitle{ color: #333;font-size: 16px;margin-bottom: 20px; line-height: 24px;} .inpageContent .news-pc li .nstate .ndescription{ color: #999;font-size: 14px;line-height: 24px; } .inpageContent .news-pc li a:hover{ text-decoration: none; } .inpageContent .news-pc li a:hover .nstate .ntitle{ color: #c60c1b; } .inpageContent .news-wap{ display: none; padding-bottom: 0.7467rem;} .inpageContent .news-wap li{ padding: 0.4267rem 0; border-bottom: 1px solid #dcdcdc;} .inpageContent .news-wap .pic{ width: 2.9333rem;height: 1.8933rem; } .inpageContent .news-wap .pic img{ width: 2.9333rem;height: 1.8933rem; } .inpageContent .news-wap .nstate{ overflow: hidden; padding-left: 0.48rem; } .inpageContent .news-wap .nstate .title{color: #333;font-size: 0.3467rem;line-height: 0.5067rem;} .inpageContent .news-wap .nstate .description{ color: #999;font-size: 0.24rem; line-height: 0.5067rem;} .inpageContent .news-wap a:hover{ text-decoration: none; } .inpageContent .news-wap a:hover .nstate .title{ color: #c60c1b; } /*新闻详情*/ .inpageContent .news-detail{ width: 1200px;margin: 0 auto; } .inpageContent .news-detail .news-title{ margin-bottom: 58px; position: relative;} .inpageContent .news-detail .news-title .title{ color: #333;font-size: 18px;text-align: center;margin-bottom: 14px; } .inpageContent .news-detail .news-title .subtitle{ text-align: center; } .inpageContent .news-detail .news-title .subtitle span{ color: #999;font-size: 14px; } .inpageContent .news-detail .ndetail{ margin: 0 100px 80px; } .inpageContent .news-detail .ndetail p{ color: #333;font-size: 14px;line-height: 24px; } .inpageContent .news-detail .ndetail img{ max-width: 100%; } .inpageContent .news-detail .news-title .time{ position: absolute;right: 0.2667rem;top: 0;color: #999;font-size: 0.24rem;height: 0.96rem;line-height: 0.96rem; }