/*鍏充簬*/ .company-part01{margin:3.5% 0 2%;} .company-part01 dt{ float: left; width:14.28%;height: 124px;} .company-part01 dt img{max-width: 100%;} .company-part01 dd{float: left; width:14.28%; padding:0 2.5%; height: 124px; border-left:1px solid #E4E4E4;} .company-part01 dd h3{ margin: 10px 0; color:#DF0614; font-family: Arial, Helvetica, sans-serif;} .company-part01 dd h3 span{ margin-right: 5px;} .company-part01 dd h3 em{ position: relative; top:-10px; font-size: 24px;} .company-part01 dd p{ font-size: 14px; color:#656161;} .company-part02{margin:0 0 6%;} .company-part02 .img{ width:100%;} .company-part02 .edit_con_original{margin:50px; color:#656161;} @media only screen and (max-width:1023px){ .company-part01 dt,.company-part01 dd{ width:25%; height: 100px;} .company-part02 .edit_con_original{margin:30px 0;} } @media only screen and (max-width:375px){ .company-part01 dt,.company-part01 dd{ width:33%; height: 100px;} } .leader-part{margin:4% 0 8%;} .leader-part .ll{ float: left; width:31.25%;} .leader-part .ll img{width:100%;} .leader-part .rr{ float: right; width:68%; padding:0 3%;} .leader-part .rr h2{position: relative; padding:4% 0;} .leader-part .rr h2::before{ content: ""; position: absolute; left:0; top:0; width:25%; height: 4px; background: #DF0614;} .leader-part .rr .edit_con_original{color:#656161} @media only screen and (max-width:1023px){ .leader-part .rr{ padding-right: 0;} } @media only screen and (max-width:767px){ .leader-part .ll,.leader-part .rr{width:100%;} .leader-part .ll{margin-bottom: 5%;} } .structure-part{ margin:4% 0 6%; text-align: center; padding:4% 2% 10%;background: url(../images/about_bg01.jpg) left center no-repeat; background-size: cover;} .culture-part{margin:4% 0 6%; position: relative;} .culture-part ul.line{ position: absolute; left:0; top:0; width: 100%; height:100%;} .culture-part ul.line li{ float: left; width:20%; height:100%; border-left:1px solid rgba(255, 255, 255, 0.3);} .culture-part dl{ position: absolute; left:20%; top:22%; width:60%;} .culture-part dl dd{ float: left; width:33.33%; padding-left: 4.5%; color:#fff; margin:7.5% 0; position: relative;} .culture-part dl dd::before{content: ""; position: absolute; left:1px; top:0; width:4px; height: 75px; background: #DF0614;} .culture-part dl dd h2{margin-bottom: 2%;} @media only screen and (max-width:1023px){ .culture-part dl{top:15%;} } @media only screen and (max-width:767px){ .culture-part ul.line{display: none;} .culture-part dl{position: static;width:100%;} .culture-part dl dd{color:#656161; width:100%; margin:5% 0 0;} .culture-part dl dd::before{ height:50%;} } .his-top{margin:4% 0 2%; position: relative;} .his-top .swiper-container{width:calc(100% - 164px); height: 100px; margin-top:-5px; padding:5px 0 15px;} .his-top .swiper-slide{background: #F0F0F0; text-align: center; border:2px solid transparent;} .his-top .swiper-slide::before{ display: none; content: ""; position: absolute; left:-2px; top:-2px; width:50%; height: 50%; border:2px solid #C30510; border-right: none; border-bottom: none;} .his-top .swiper-slide::after{display: none;content: ""; position: absolute; right:-2px; top:-2px; width:50%; height: 50%; border:2px solid #B29671; border-left: none; border-bottom: none;} .his-top .swiper-slide span{ display: block; margin:12px 0 0; line-height: 1.2; font-family: Arial, Helvetica, sans-serif;} .his-top .swiper-slide i{ display: none; color:#DE0614; font-size: 24px; position: absolute; left:50%; margin-left:-10px; bottom:-30px;} .his-top .swiper-slide.on{ background: #FFFFFF; border:2px solid #BEBEBE; box-shadow: 1px 1px 3px 1px #D2D2D2;} .his-top .swiper-slide.on span,.his-top .swiper-slide.on p{color:#DE0614;} .his-top .swiper-slide.on::before,.his-top .swiper-slide.on::after{ display: block;} .his-top .swiper-slide.on i{ display: block;} .his-top .swiper-button-prev{ width:80px; height: 80px; line-height: 80px; text-align: center; left:0; top:0; margin-top:0;background:#C3060F;} .his-top .swiper-button-prev i,.his-top .swiper-button-next i{font-size:36px; color:#fff;} .his-top .swiper-button-next{ width:80px; height: 80px; line-height: 80px; text-align: center; right:0; top:0; margin-top:0;background:#C3060F;} .his-top .swiper-button-prev.swiper-button-disabled,.his-top .swiper-button-next.swiper-button-disabled{pointer-events:inherit!important; opacity: 1;} .his-top .swiper-button-prev.disabled{ cursor: default;background:#E4E4E4;} .his-top .swiper-button-next.disabled{ cursor: default;background:#E4E4E4;} .his-top .swiper-button-prev.disabled i,.his-top .swiper-button-next.disabled i{color:#656161;} .his-cons{margin:0 auto 7%; width:calc(100% - 164px);} .his-cons h3{text-align: left; color:#656161; position: relative; padding-bottom: 15px;} .his-cons h3::before{content: ""; position: absolute; left:0; bottom:0; width:70px; height: 3px; background: #DF0614;} .his-cons ul{ margin-left:35px; padding-left: 22px; border-left:1px solid #EAEAEA;} .his-cons li{ width:100%; float: left; padding:4% 0 0;} .his-cons li h4{color:#DE0614; font-family: Arial, Helvetica, sans-serif; line-height: 1.2; margin-bottom: 10px; position: relative;} .his-cons li h4::before{ content: ""; position: absolute; left:-28px; top:50%; margin-top:-5px; width:10px; height: 10px; background: #DE0614; border-radius: 10px;} .his-cons li .inner{background: #F0F0F0; overflow: hidden;} .his-cons li .inner .txt{ float: left; width:72%; padding:24px 30px; color:#656161; line-height:1.8;} .his-cons li .inner .img{ float: right; width:23.4%;} .his-cons li.noimg .inner .txt{ width: 100%;} .ajLoad span.more{position: relative; display: block; margin:3% auto 0; text-align: center;cursor: pointer;width: 90px; height: 30px; line-height: 30px; font-size: 14px; color:#E01626;} .ajLoad span.more em{ border-bottom: 1px solid #E64751; float: left;} .ajLoad span.more i{font-size: 26px; font-weight: bold;margin-left:5px;} #infscr-loading{ text-align: center;} @media only screen and (max-width:1399px){ .his-top .swiper-slide span{margin-top:15px;} } @media only screen and (max-width:1279px){ .his-top .swiper-slide span{margin-top:20px;} } @media only screen and (min-width:1025px){ .ajLoad span.more{transition:0.3s all; -moz-transition:0.3s all;-ms-transition:0.3s all;} } @media only screen and (max-width:1023px){ .his-cons{width:100%;} } @media only screen and (max-width:767px){ .his-top .swiper-button-prev,.his-top .swiper-button-next{width:40px; height: 40px; line-height: 40px; margin-top: 20px;} .his-top .swiper-button-prev i, .his-top .swiper-button-next i{font-size: 20px;} .his-top .swiper-container{width:calc(100% - 82px);} .his-cons h3::before{width:30px;} .his-cons ul{margin-left:15px;} .his-cons li .inner{padding:0 0 5%;} .his-cons li .inner .img{width:100%; padding:0 5%;} .his-cons li .inner .txt{width:100%; padding:5%;} .his-cons li.noimg .inner{padding-bottom: 0;} } /*鍏充簬end*/ /*涓昏惀涓氬姟*/ .business-part01{margin:4% 2.5%;} .business-part01 .edit_con_original{color:#656161; line-height: 2;} .business-part02{margin:0 0 7%;} .bus_top{ position: relative;} .bus_top .swiper-button-prev,.bus_top .swiper-button-next{ display: none;} .bus_tit{margin:0 -0.05% 4%;} .bus_tit li{ float: left; cursor: pointer; position: relative; width:16.5666%; margin:0 0.05%; line-height: 80px; color:#656161; text-align: center; background: #F0F0F0;} .bus_tit li::before{ opacity: 0; content: ""; position: absolute; left:50%; bottom:-8px;width:0;height:0;border-right:8px solid transparent;border-left:8px solid transparent;border-top:8px solid #C60000;} .bus_tit li span{ display: inline-block;} .bus_tit li span img{ width:34px; height: 34px; vertical-align: middle;} .bus_tit li span img+img{ display: none;} .bus_tit li em{display: inline-block; margin-left:5px;} .bus_tit li.on{ color:#fff; background: #C60000;} .bus_tit li.on::before{opacity: 1;} .bus_tit li.on span img{ display: none;} .bus_tit li.on span img+img{ display: inline-block;} .bus_swiper .swiper-container{padding:25px 0;} .bus_swiper .swiper-slide{width:78.3333%; margin:0 auto; position: relative;} .bus_swiper .swiper-slide img{width:100%;} .bus_swiper .swiper-slide.swiper-slide-active{transform:scale(1.05);z-index: 11; box-shadow: 0 0 5px 4px rgba(0,0,0,0.2);} .bus_swiper .swiper-slide .bg{ position: absolute; left:0; top:0; width:100%; height: 100%; background: rgba(255, 255, 255, 0.3);} .bus_swiper .swiper-slide.swiper-slide-active .bg{background: url(../images/bus_bg.png) left bottom repeat-x;} .bus_swiper .swiper-slide .txt{ display: none; position: absolute; left:0; bottom:0; padding:5% 5% 3%; width:100%; z-index: 12; color:#fff;} .bus_swiper .swiper-slide.swiper-slide-active .txt{ display: block;} .bus_swiper .swiper-slide .txt h2{margin-bottom: 35px;} .bus_swiper .swiper-slide .txt h2 span{ padding-bottom: 15px; padding-right:20px; border-bottom:3px solid #DF0614;} .bus_swiper .swiper-slide .txt h3{margin:0 0 10px;} .bus_swiper .swiper-button-prev,.bus_swiper .swiper-button-next{ width:70px; height: 70px; line-height: 70px; text-align: center; left:calc(8.8% - 70px); margin-top:-35px; background:#C3060F;} .bus_swiper .swiper-button-next{left:auto; right:calc(8.8% - 70px);} .bus_swiper .swiper-button-prev i,.bus_swiper .swiper-button-next i{font-size:30px; color:#fff;} .bus_swiper .swiper-button-prev.swiper-button-disabled,.bus_swiper .swiper-button-next.swiper-button-disabled{background: #E4E4E4; opacity: 1;} .bus_swiper .swiper-button-prev.swiper-button-disabled i,.bus_swiper .swiper-button-next.swiper-button-disabled i{color: #656161;} @media only screen and (min-width:1025px){ .bus_tit li{transition:0.3s all; -moz-transition:0.3s all;-ms-transition:0.3s all;} } @media only screen and (max-width:1023px){ .bus_tit{margin:0 0 15px;} .bus_top .swiper-button-prev,.bus_top .swiper-button-next{width:40px; height: 40px; line-height: 40px; text-align: center; left:0; margin-top:-28px; display: block; background:#C3060F;} .bus_top .swiper-button-next{left:auto; right:0;} .bus_top .swiper-button-prev i,.bus_top .swiper-button-next i{font-size: 20px; color:#fff;} .bus_top .swiper-container{width:calc(100% - 82px);margin:0 auto;} .bus_top .swiper-button-prev.swiper-button-disabled,.bus_top .swiper-button-next.swiper-button-disabled{pointer-events:inherit!important; opacity: 1;} .bus_top .swiper-button-prev.disabled{ cursor: default;background:#E4E4E4;} .bus_top .swiper-button-next.disabled{ cursor: default;background:#E4E4E4;} .bus_top .swiper-button-prev.disabled i,.bus_top .swiper-button-next.disabled i{color:#656161;} .bus_swiper .swiper-button-prev,.bus_swiper .swiper-button-next{width:40px; height: 40px; line-height: 40px; left:0;} .bus_swiper .swiper-button-next{ left:auto; right:0;} .bus_swiper .swiper-button-prev i,.bus_swiper .swiper-button-next i{font-size: 20px;} } @media only screen and (max-width:767px){ .bus_swiper .swiper-container{padding:0;} .bus_swiper .swiper-slide .txt{ position: static; color:#656161; padding:5% 0 0;} .bus_swiper .swiper-slide.swiper-slide-active{ box-shadow: none;transform:scale(1)} .bus_swiper .swiper-slide.swiper-slide-active .bg{ display: none;} .bus_swiper .swiper-button-prev, .bus_swiper .swiper-button-next{top:26%; margin-top: 0;} .bus_tit li{ line-height: 40px;} .bus_tit li span img{width:24px; height: 24px;} } /*涓昏惀涓氬姟end*/ /*浜у搧鏈嶅姟*/ .product-part{margin:4% 0;} .pro_ll_phone{display: none;} .pro_ll{ float: left; width:240px; } .pro_ll li{line-height: 80px; border-bottom: 1px solid #CBCBCB;} .pro_ll li.on{ background: url(../images/pro_li.jpg) no-repeat; background-size: cover;} .pro_ll li span,.pro_ll li em{ display: inline-block;} .pro_ll li span{padding-left:22px; margin-right: 10px;} .pro_ll li span img{ width:34px; height: 34px; vertical-align: middle;} .pro_ll li span img+img{ display: none;} .pro_ll li>a{color:#656161; display: block;} .pro_ll li.on>a{color:#fff!important; font-size: 24px;} .pro_ll li.on span img{ display: none;} .pro_ll li.on span img+img{ display: inline-block;} .pro_ll li dl{ display: none; margin:1px 0;} .pro_ll li.on dl{ display: block;} .pro_ll li dd{ line-height: 30px; position: relative; border:1px solid #fff; background: #F0F0F0;} .pro_ll li dd::before{ display: none; content: ""; position: absolute;left:0; top:10px; width: 2px; height: 48px; background: #C60000;} .pro_ll li dd>a{ padding:20px 22px; display: block;} .pro_ll li dd.act{border:1px solid #C60000; box-shadow: 0 0 3px 3px rgba(0,0,0,0.2); z-index: 2; background: #fff;} .pro_ll li dd.act::before{display: block;} .pro_ll .swiper-button-prev,.pro_ll .swiper-button-next{ display: none;} .pro_ll .swiper-wrapper{display:block} .pro_rr{ float: right; width:calc(100% - 300px);} .pr_part01{ padding:30px; margin-bottom: 5%; border:1px solid #E60007;box-shadow: 0 0 5px 3px rgba(0,0,0,0.15);} .pr_part01 dt{ float: left; width:44.5%;} .pr_part01 dd{ float: right; width:52%;} .pr_part01 dd>h2{margin-bottom: 10px;} .pr_part01 dd h3{margin-bottom: 30px; line-height: 30px; position: relative;} .pr_part01 dd h3 span.ptel{ float: left; display: block; text-align: center; font-size: 14px; width:170px; height: 38px; line-height: 38px; color:#fff; background: #C60000;} .pr_part01 dd h3 span.ptel i{margin-right: 5px;} .pr_part01 dd h3 span.ptel a{color: #fff!important;} .pr_part01 dd h3 span.pweix{float: right; text-align: right; cursor: pointer;} .pr_part01 dd h3 span.pweix i{font-size:30px; float: left; margin-right: 5px;} .pr_part01 dd h3 .pweix-code{ display: none; position: absolute; right:0; top:-100px; width:100px; height: 100px; padding:10px; background: #fff;} .pr_part01 dd h3 .pweix-code img{width:80px; height: 80px;} .pr_part01 dd .txt{line-height: 2; color:#656161; height: 14em;} .pr_part01 dd .txt .edit_con_original{line-height: 2; color:#656161;} .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:5px!important; background: #C60000!important;} .mCSB_scrollTools .mCSB_draggerRail{width:3px!important; background: #E8E8E8!important;} .pr_part02{ padding:3% 5%; background: #EFEFEF; margin-bottom: 5%;} .pr_part02>h2 span,.pr_part03>h2 span{ display:inline-block;color:#413D3C; padding:0 0 15px; margin:0 0 20px; border-bottom:3px solid #DF0614;} .p_conn{margin:0 -1%;} .p_conn li{ float: left; width:28%; margin:1%; color:#656161;} .p_conn li:nth-child(3n+1){width:38%;} .p_conn li a{color:#656161;} .p_conn li a.mail{color:#DF0614;} .p_table table{ width:100%;} .p_table table td{ width:50%; text-align: center; border-right:2px solid #EFEFEF; line-height: 14px; padding:15px 0;} .p_table table thead td{ color:#fff; background: #C60000;} .p_table table tbody td{border-bottom:2px solid #EFEFEF; color:#656161;} .p_table table tbody tr{background: #F5F5F5;} .p_table table tbody tr:nth-child(2n){ background: #FAFAFA;} .pr_part03{padding:0 35px;} .p_show{ position: relative;} .p_show .swiper-slide{position: relative;} .p_show .swiper-slide img{width:100%;} .p_show .swiper-slide span{position: absolute; left:0; bottom:0; z-index: 2; padding:0 10px 12px; text-align: center; color:#fff; width:100%;} .p_show .swiper-slide em{position: absolute; left:0; bottom:0; z-index: 1; width:100%; height: 100%; background: url(../images/pro_ico.png) left bottom repeat-x;} .p_show .swiper-button-prev,.p_show .swiper-button-next{width:30px; height: 100%; left:-35px; top:0; margin-top:0; text-align: center; background: #C60000;} .p_show .swiper-button-next{left:auto; right:-35px;} .p_show .swiper-button-prev i,.p_show .swiper-button-next i{color:#fff; font-size: 20px; position: absolute; top:50%; margin-top:-15px; left:0; width:100%;} .p_show .swiper-button-prev.swiper-button-disabled,.p_show .swiper-button-next.swiper-button-disabled{opacity: 1; background: #E4E4E4;} .p_show .swiper-button-prev.swiper-button-disabled i,.p_show .swiper-button-next.swiper-button-disabled i{color:#656161;} .pro-dets-part{margin:4% 3.5% 6%;} .pro-dets-part>h2{ text-align: center; padding-bottom: 2%; margin-bottom: 4.5%; border-bottom:1px solid #EEEEEE;} .pro-dets-part dl dt{ float: left; width:42%;} .pro-dets-part dl dd{ float: right; width:54%;} .pro-dets-part dl dd .edit_con_original{line-height: 2; color:#656161;} .share-box{margin:5% 0 0; padding:20px 0 0; border-top:3px solid #DF0614;} .share-box .ll{ float: left; width:calc(100% - 120px); line-height: 22px;} .share-box .ll span{ float: left; color:#565656;} .share-box .ll .ico-box{ float: left;height:22px; line-height: 22px;} .share-box .ll .ico-box a{width:22px; height:22px; font-size: 24px; color:#D6D6D6; margin:0 5px 0 0;} .share-box .ll .ico-box a:hover{opacity: 0.7;} .share-box .rr{ float: right; width:110px;} .share-box .rr a{ display: block; width:110px; height: 40px; line-height: 40px; text-align: center; color:#565656; background: #E9E9E9;} .weixin{ position:fixed; width:300px; z-index:100000; background:#fff; border:1px solid #ddd; border-radius:2px; box-shadow:1px 1px 10px #666;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); left:50%; top:50%;} .weixin .c{ position:absolute; width:40px; height:40px; background:url(../images/x.png) center center no-repeat; overflow:hidden; text-indent:100px; right:0; top:0; font-size:20px; font-style:normal; text-align:center; cursor:pointer; z-index:2;} .weixin h2{ position:relative; line-height:40px; font-size:16px; padding-left:20px; font-weight:normal;} .weixin .img{ padding:10px 20px;text-align:center; border-top:1px solid #ddd;} .weixin .img img{width:200px; height: 200px;} .weixin p {margin:0 0 30px; text-align:center;} @media only screen and (min-width:1025px){ .pro_ll li,.pro_ll li dd{transition:0.3s all; -moz-transition:0.3s all;-ms-transition:0.3s all;} .pro_ll li dd:hover{border:1px solid #C60000; box-shadow: 0 0 3px 3px rgba(0,0,0,0.2); z-index: 2;} .pro_ll li dd:hover::before{display: block;} } @media only screen and (max-width:1365px){ .pr_part01 dd .txt{height: 10em;} } @media only screen and (max-width:1279px){ .pr_part01 dd .txt{height: 6em;} .p_conn li,.p_conn li:nth-child(3n+1){width:98%;} } @media only screen and (max-width:1023px){ .pro_ll li.on>a{font-size:20px;} .pr_part01 dt,.pr_part01 dd{width:100%;} .pr_part01 dt,.pr_part01 dd>h2+span{margin-bottom: 10px;} } @media only screen and (max-width:767px){ .pro_ll{ display: none;} .pro_ll,.pro_rr{width:100%;} .pro_ll{margin-bottom: 20px; position: relative;} .pro_ll .swiper-button-prev,.pro_ll .swiper-button-next{ display: block; left:0; top:0; margin-top:0; width:40px; height: 40px; line-height: 40px; text-align: center; background: #DF0614;} .pro_ll .swiper-button-next{left:auto; right:0;} .pro_ll .swiper-button-prev i,.pro_ll .swiper-button-next i{ font-size: 20px; color:#fff;} .pro_ll .swiper-button-prev.swiper-button-disabled,.pro_ll .swiper-button-next.swiper-button-disabled{opacity: 1;background: #E4E4E4;} .pro_ll .swiper-button-prev.swiper-button-disabled i,.pro_ll .swiper-button-next.swiper-button-disabled i{color:#656161;} .pro_ll .swiper-wrapper{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;} .pro_ll li{line-height: 40px;} .pro_ll li a{ text-align: center;} .pro_ll li span{padding-left:0;} .pro_ll li span img{width:24px; height: 24px;} .pro_ll li dl{display: block;} .pro_ll li dd{width:100%;} .pro_ll li dd>a{padding:0 10px;} .pro_ll li dd.act::before{display: none;} .pr_part01,.pr_part02{padding:5%;} .pro-dets-part{margin-left:0; margin-right: 0;} .pro-dets-part dl dt,.pro-dets-part dl dd{width:100%;} .pro-dets-part dl dt{margin-bottom: 20px;} .share-box .rr{display: none;} .share-box .ll{width:100%;} .weixin{width:50%;} .weixin .img{padding:10px;} .weixin .img img{width:100%; height:auto;} .weixin p{margin:0 0 15px;} .pro_ll_phone{ display: block; width:100%;} .ty_one{ height: 40px; position: relative; z-index: 2; margin-bottom:10px;} .ty_one dt{ width: 100%; padding: 0 10px; font-size: 14px; height:40px; line-height: 40px; color:#fff; background: #BE141D;} .ty_one dt a{color:#fff;} .ty_one .ico {transition: all 0.3s; position:absolute; right:0; top:0; z-index:1; width:40px; height:40px; background: url(../images/pro_dot01.png) center no-repeat;} .ty_one.open .ico{transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);} .ty_one dd{width:100%; display: none; color:#333; background: #F0F0F0;} .ty_one.open dd{ display: block;} .ty_one dd a{ display: block; padding:10px 10px; height: 40px; line-height: 20px;} .ty_one dd a.on{ background: #fff;} .ty_two li{ display: none;} .ty_two li dl{ height: 40px; position: relative;} .ty_two li.on{ display: block;} .ty_two li.on dt{ width: 100%; padding: 0 10px; font-size: 14px; height:40px; line-height: 40px; color:#fff; background: #BE141D;} .ty_two li.on dt a{color:#fff;} .ty_two li.on dt .ico{transition: all 0.3s; position:absolute; right:0; top:0; z-index:1; width:40px; height:40px; background: url(../images/pro_dot01.png) center no-repeat;} .ty_two li.on dl.open dt .ico{transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);} .ty_two li.on dd{width:100%; display: none; color:#333; padding:10px 0; background: #F0F0F0;} .ty_two li.on dl.open dd{display: block;} .ty_two li.on dl.open dd a{display: block; padding:10px 10px; height: 40px; line-height: 20px;} .ty_two li.on dl.open dd a.on{ background: #fff; } } /*浜у搧鏈嶅姟end*/ /*鏂伴椈涓績*/ .news-part01{margin:3.5% 0;} .news-part01>h2,.news-part02>h2{text-align: center; margin-bottom: 2.5%;} .news_ll{ float: left; width:49.16%;} .news_ll dt{width:100%;} .news_ll dd{ padding:5% 8%; color:#fff; background: url(../upload/news_img02.jpg) no-repeat; background-size: cover;} .news_ll dd span,.news_rr li span{ display: block; font-family: Arial, Helvetica, sans-serif;} .news_ll dd h3,.news_rr li h3{margin-bottom: 10px;} .news_ll dd h3 a{color:#fff!important;} .news_ll dd p,.news_rr li p{-webkit-line-clamp:2; line-height: 2; max-height: 4em;} .news_rr{ float: right; width:46%;} .news_rr li{ padding:4.6% 0; border-bottom:1px solid #DEDEDE;} .news_rr li h3 a{color:#413D3C;} .news_rr li p{color:#656161;} .more{position: relative; display: block; margin:2% auto 0; text-align: center;cursor: pointer;width: 90px; height: 30px; line-height: 30px; font-size: 14px; color:#E01626;} .more em{ border-bottom: 1px solid #E64751; float: left;} .more i{font-size: 26px; font-weight: bold;margin-left:5px;} .news-part02{margin:0 0 7%;} .news-part02 ul{margin:0 -1%;} .news-part02 li{ float:left; width:31.33%; margin:0 1%; background: #EDEDED;} .news-part02 li .img{ width:100%; position: relative;} .news-part02 li .img i{color:#fff; font-size: 50px;} .news-part02 li h3{width:100%; padding:0 5%;text-align: center; line-height: 44px;} .news-part02 li h3 a{color:#413D3C;} .news-list{margin:2% 3.5% 7%;} .news-list ul{margin:0 0 4.5%;} .news-list li{ padding:2% 0; border-bottom:1px solid #DEDEDE; overflow: hidden; } .news-list li .date{ float: left; width:72px; height: 72px; text-align: center; color:#DF0615; position: relative; background: #F0F0F0;} .news-list li .date span,.news-list li .date em{ display: block; line-height: 1; font-family: Arial, Helvetica, sans-serif;} .news-list li .date em{font-size: 14px;} .news-list li .txt{ float: right; width:calc(100% - 112px);} .news-list li .txt h2{margin: 0 0 5px;} .news-list li .txt h2 a{color:#413D3C;} .news-list li .txt p{color:#656162;} .details{margin:4% 3.5% 6%;} .details>h1{ text-align: center; padding-bottom:1%;} .details .bon{text-align: center; padding-bottom: 1%; border-bottom:1px solid #EEEEEE; margin-bottom: 3%;} .details .bon span{margin:0 10px; color:#656161;} .details .bon span i{font-size: 18px;margin-right: 5px; font-weight: bold; color:#D70311;} .details .edit_con_original{line-height: 2; color:#656161;} .dets-page{margin: 5% 0 20px;} .dets-page p{ display: block; line-height: 26px; margin-bottom:5px; overflow: hidden;} .dets-page p label{ float: left;color:#363636;} .dets-page p a{ color:#656161;} .no-mart{margin-top: 0;} .video-part01{margin:5% 0 4%;} .video-part01 .bus_swiper .swiper-slide .txt h2{margin-bottom: 10px;} .video-part01 .bus_swiper .swiper-slide .txt h2 em{ display: block; margin-top:10px; width:140px; height: 3px; background: #DF0614;} .video-part01 .bus_swiper .swiper-slide i{color:#fff; font-size: 80px; z-index: 13; cursor: pointer;} .video-part02{margin-bottom: 5%;} .video-part02 ul{margin-bottom:2%;} .video-part02 li{margin-bottom:2%;} .videolist_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;display:none;} .videolist_appbox .video_t{ left:10%; top:15%; position:absolute; height:70%; width:80%; z-index:2; background:#000;} .videolist_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);} .video_close{ position:absolute; top:12%; right:10%; cursor:pointer; z-index: 2;} @media only screen and (min-width:1025px){ .news-list li:hover .date{color:#fff; background: #C60001;} .news-list li:hover .date,.news-part02 li,.duty-part li,.join-part li{transition:0.3s all; -moz-transition:0.3s all;-ms-transition:0.3s all;} .more:hover em{font-weight: bold;} .news-part02 li:hover{background: #C60001;} .news-part02 li:hover h3{color:#fff!important;} .duty-part li:hover{border:1px solid #E60008;box-shadow: 1px 1px 5px 3px rgba(0,0,0,0.1);} .duty-part li a.more:hover{ color:#D6000F;border-bottom:1px solid #D6000F;} .join-part li:hover .txt{border:1px solid #E60008;box-shadow: 1px 1px 5px 3px rgba(0,0,0,0.1);} } @media only screen and (max-width:1520px){ .news_rr li{padding:4.3% 0;} } @media only screen and (max-width:1439px){ .news_rr li{padding:4.1% 0;} } @media only screen and (max-width:1399px){ .news_rr li{padding:4.75% 0;} } @media only screen and (max-width:1365px){ .news_rr li{padding:4.3% 0;} } @media only screen and (max-width:1279px){ .news_rr li{padding:2.6% 0;} } @media only screen and (max-width:1023px){ .news_rr li:first-child{padding-top:0;} .news_rr li h3{margin-bottom: 0;} } @media only screen and (max-width:767px){ .video-part01 .bus_swiper .swiper-slide i{font-size: 50px;} .video-part01 .bus_swiper .swiper-slide .txt{position: absolute; padding:5% 5% 2%;color:#fff;} .video-part01 .bus_swiper .swiper-button-prev,.video-part01 .bus_swiper .swiper-button-next{top:50%; margin-top:-20px;} .videolist_appbox .video_t{width:100%; height:50%; top:25%; left:0;} .video_close{top:20%; right:5px;} .news_ll,.news_rr{width:100%;} .news_ll{margin-bottom: 5%;} .news_ll dd h3{margin-bottom: 0;} .news-part02 ul{margin:0;} .news-part02 li{width:100%; margin:0 0 2%;} .news-list{margin:5% 0;} .news-list li .date{width:50px; height: 50px;} .news-list li .date em{font-size: 12px;} .news-list li .txt{width:calc(100% - 65px);} .news-list li p{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2; max-height: 3em; overflow: hidden;} .details{margin-left:0; margin-right: 0;} } /*鏂伴椈涓績end*/ /*绀句細璐d换*/ .duty-part{margin:4% 0 5%;} .duty-part ul{margin:0 -1.15% 3%;} .duty-part li{ float: left; position: relative; width:31.0333%; margin:0 1.15% 2%; border:1px solid #E9E9E9;} .duty-part li .inner{padding:5% 8% 6%;} .duty-part li h3{/*margin-bottom:20px; border-bottom:1px solid #4F4F4F; padding-bottom: 1.2em; height:2.4em;*/ overflow: hidden;} .duty-part li h3 a{ color:#3E3A39;-webkit-line-clamp:2; line-height: 1.3;max-height: 2.6em; height: 2.6em;} .duty-part li p{ color:#656161;-webkit-line-clamp:2; line-height:2; max-height:4em; height: 4em;margin-bottom:50px;} .duty-part li a.more{ float: left; width:56px; margin:0; color:#3E3A39; border-bottom:1px solid #6E6B6B;} .duty-part li span{display: block;margin-bottom:10px; font-size: 14px; color:#AAAAAA;} .duty-part li span em{ font-family: Arial, Helvetica, sans-serif; margin-right: 15px;} @media only screen and (max-width: 1023px) { .duty-part li a.more,.duty-part li span{font-size: 12px;} .duty-part li p{margin-bottom: 35px;} } @media only screen and (max-width: 414px) { .duty-part ul{margin:0 0 3%;} .duty-part li{width:100%; margin:0 0 2%;} .duty-part li .inner{padding:5%;} .duty-part li h3 a{max-height: auto; height:auto;} .duty-part li p{margin-bottom:10px;} } /*绀句細璐d换end*/ /*鍔犲叆澶ф槑*/ .join-part{margin:4% 0;} .join-part ul{margin:0 -1.15%;} .join-part li{ float: left; position: relative; width:31.0333%; margin:0 1.15% 2%;} .join-part li .img{width:100%;} .join-part li .txt{width:100%; padding:6% 7%; border:1px solid #E9E9E9; border-top:1px solid transparent;} .join-part li h3{margin-bottom:20px; padding-bottom:15px; border-bottom:1px solid #515151;} .join-part li p{color:#656161;line-height:2; max-height:6em; height: 6em;margin-bottom:70px;} .join-part li i{ display: block; width:36px; height: 36px;} .join-part li i img{ width:36px; height: 36px;} .hr-part{margin:4% 0; position: relative;} .hr-part .txt{ /*width:25%;*/ padding:5% 2%; text-align: center; color:#fff; background: url(../images/join_bg01.jpg) no-repeat; background-size: cover;} .hr-part .txt h2{margin-bottom: 15px;} .hr-part .txt h2 span{ display: inline-block;padding-bottom: 8px; border-bottom:3px solid #B19671;} @media only screen and (max-width: 1023px) { .join-part li p{margin-bottom: 35px; height: auto; max-height: initial;} .hr-part .txt{width:30%;} } @media only screen and (max-width: 414px) { .join-part ul{margin:0;} .join-part li{width:100%; margin:0 0 2%;} .join-part li .txt{padding:5%;} .join-part li p{margin-bottom: 10px;} .hr-part .txt{width:100%; padding:10% 5%; position: static;transform: translate(0,0); -webkit-transform: translate(0,0); -ms-transform: translate(0,0);} } /*鍔犲叆澶ф槑end*/ /*鑱旂郴鎴戜滑*/ .conn-part01{position: relative; margin:4% 0;} .cmap{width:100%; height: 700px;} .cinfo{position: absolute; left:35px; top:60px; z-index: 2; width:31.52%; background: #fff; border:1px solid #E5060C; box-shadow: 0 0 3px 3px rgba(0,0,0,0.15);} .cinfo dl{padding:35px 30px 50px;} .cinfo dt h2{ padding-bottom: 15px; margin-bottom: 25px; border-bottom:1px solid #515151;} .cinfo dt p{margin:0 0 5px;color:#787575;} .cinfo dt p a{color:#787575;} .cinfo dt p i{color:#D4D4D4; font-size: 18px; margin-right: 10px; } .cinfo dt p:nth-of-type(1) i{color:#C60001;} .cinfo dd{margin-top:50px;} .cinfo dd span{ display: block;width:82px; height: 82px; margin-bottom: 15px;} .cinfo dd span img{ width:82px; height: 82px;} .cinfo dd p{ font-size: 14px; color:#413D3C; line-height:1.8;} .conn-part02{ text-align: center; padding:4% 0; background: url(../images/conn_bg.jpg) no-repeat; background-size: cover;} .conn-part02 h2{color:#413D3C; margin:0 0 8px;} .conn-part02 p{color:#656161; margin:0 0 20px;} .conn-part02 a{color:#CA0000; font-size: 14px; border-bottom:1px solid #CA0000; padding-bottom: 5px;} .message{margin:4% 0 7%;} .message>h2{ text-align: center; margin:0 0 3%;} .message ul{margin:0 0 3%;} .message li{ float: left; width:48%; margin-bottom:1.5%;} .message li:nth-child(2n){ float: right;} .message li .inp{width:100%; height: 60px; line-height: 60px; border:1px solid #E9E9E9; box-shadow: 0 0 3px 3px rgba(0,0,0,0.02);} .message li .inp span,.message li.long .txt span{ float: left; margin-left:20px; width:20px;} .message li .inp span i,.message li.long .txt span i{color:#CBCBCB; font-size: 20px;} .message li .inp input{ float: left; width:calc(100% - 40px); height:60px; line-height: 60px; padding:0 10px; border:none; background: none;} .message li.long{ width:100%;} .message li.long .txt{ width:100%; height:160px; border:1px solid #E9E9E9; padding:15px 0; box-shadow: 0 0 3px 3px rgba(0,0,0,0.02);} .message li.long .txt textarea{float: left; width:calc(100% - 50px);line-height: 1.5; font-family: "榛戜綋"; padding:0 10px; border:none; background: none; height: 130px;} .message li .inp01{ float:left; width:calc(100% - 166px); padding:0 20px;} .message li span.yzm{ float: right; width:156px; height: 60px; border:1px solid #E9E9E9; overflow: hidden;} .message li span.yzm img{width:156px; height: 60px;} .btn-box .btn{ float: left; width:268px; height: 60px; line-height: 60px; border:1px solid #E70D15;} .btn-box .btn.btn01{ color:#C60001; background: #fff;} .btn-box .btn.btn02{ color:#fff; background: #E70D15; margin-left:12px;} @media only screen and (min-width: 1025px) { .btn-box .btn{transition:0.3s all; -moz-transition:0.3s all;-ms-transition:0.3s all;} .btn-box .btn:hover{box-shadow: 1px 1px 5px 3px rgba(0,0,0,0.1);} } @media only screen and (max-width: 1400px) { .cmap{height: 600px;} } @media only screen and (max-width: 1279px) { .cmap{height: 500px;} .cinfo{width:40%;} .cinfo dl{padding:5%;} .cinfo dd{margin-top:20px;} } @media only screen and (max-width: 1023px) { .cmap{height: 400px;} .cinfo{width:100%; position: static; margin-top: 20px;} } @media only screen and (max-width: 767px) { .cmap{height:300px;} .conn-part02{padding:10% 0;} .message li,.message li:nth-child(2n){width:100%; float: none;} .message li .inp,.message li .inp input{height: 40px; line-height: 40px; font-size: 14px;} .message li .inp span, .message li.long .txt span{margin-left:10px;} .message li span.yzm{ width:104px; height: 40px;} .message li span.yzm img{width:104px;height: 40px;} .message li .inp01{width:calc(100% - 114px);} .message li.long .txt{padding:10px 0;} .message li.long .txt span{ position: relative; top:-5px;} .message li.long .txt textarea{font-size: 14px; height:140px;} .btn-box .btn{width:48%;height: 40px; line-height: 40px; font-size: 14px;} .btn-box .btn.btn02{float: right;} } /*鑱旂郴鎴戜滑end*/ .law-part,.sitemap{margin:5% 0;} .law-part .edit_con_original{color:#575757;} .sitemap li{ float: left; width:100%; padding:2% 0; border-bottom:1px solid #efefef;} .sitemap li dt{margin-bottom: 10px; position: relative; color:#D6000E; padding-left: 10px;} .sitemap li dt a{color:#D6000E;} .sitemap li dt::before{content: ""; position: absolute; left:0; top:3px; width:2px; height:18px; background: #D6000E;} .sitemap li dd span{display: inline-block; margin:0 5% 0 10px;} .sitemap li dd p{padding:20px 10px 10px; font-weight: bold;} .sitemap li dd p:first-child{padding-top: 10px;} .search-part{ margin:4% 0 0;} .search_t{background: #f4f4f4;padding: 3% 20%; margin-bottom:2%; overflow: hidden;} .search_t input,.search_t button{height:46px;line-height: 46px; font-size: 16px; border:none;outline: none;} .search_t input{padding: 0 10px; width: calc(100% - 140px);float: left;} .search_t button{background:#D6000E;color: #fff;width: 140px;float: left;} .search_p{color: #4c4c4c;padding:2%;font-family: SourceHanSansCN-Medium;} .search_p span,.search_p i{color: #D6000E;} .search_list{padding:0 0 5%;} .search_list ul{padding-bottom:4%;} .search_list li{overflow: hidden;padding: 0 2%;height: 50px;line-height: 50px;border-bottom: 1px solid #e6e6e6;font-family: SourceHanSansCN-Regular;} .search_list p{float: left;width: calc(100% - 120px);white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .search_list p i{color: #D6000E;} .search_list p a{color: #4c4c4c;} .search_list em{float: right;width: 90px;text-align: right;color: #999999; font-family: arial;} @media only screen and (max-width:767px) { .search_t{padding:5%;} .search_t button{width:100px; height: 30px; line-height: 30px; font-size: 14px;} .search_t input{width:calc(100% - 100px); height: 30px; line-height: 30px;font-size: 14px;} .search_p{padding-bottom: 0;} .search_list li{height:40px; line-height: 40px;} .search_list p{width: calc(100% - 80px);} .search_list em{width:80px;} .sitemap li{padding:5% 0;} .sitemap li dd p{padding-top: 10px;} .sitemap li dd p:first-child{padding-top: 0;} }