html,
body {
overflow-x: hidden;
}
.w1130 {
max-width: 1130px;
width: 100%;
}
.header .w1130 {
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
margin: 0 auto;
}
.header .w1130 .left div {
width: 203px;
}
.header .w1130 .left div img {
width: 100%;
}
.header .w1130 .right {
display: flex;
display: -webkit-flex;
justify-content: space-between;
border-left: 1px solid #ccc;
height: 70px;
align-items: center;
width: 270px;
}
.header .w1130 .right .search form {
display: flex;
display: -webkit-flex;
align-items: center;
position: relative;
}
.header .w1130 .right .search input {
width: 0;
height: 35px;
border: 1px solid #ccc;
border-radius: 17px;
color: #666;
box-sizing: border-box;
padding: 0 10px;
transition: width 0.5s ease;
position: absolute;
right: 70px;
opacity: 0;
}
.header .w1130 .right .search button {
border: none;
background: none;
width: 70px;
height: 70px;
}
.header .w1130 .right .search form:hover input {
width: 250px;
opacity: 1;
}
.header .w1130 .right .lang a {
color: #666;
}
.header .w1130 .right .login {
width: 90px;
}
.header .w1130 .right .login .oa {
display: flex;
justify-content: center;
}
.header .w1130 .right .login .oa a {
background-color: #C61D22;
color: #fff;
width: 25px;
height: 25px;
text-align: center;
border-radius: 13px;
font-size: 12px;
line-height: 25px;
margin: 0 5px;
}
.header .w1130 .right .login .oa a:nth-child(2) {
background-color: #808080;
}
.header .w1130 .right .login .oa-link {
display: none;
}
.header .w1130 .right .login .link {
display: flex;
justify-content: center;
color: #666;
padding-top: 5px;
}
.header .w1130 .right .login .link a {
color: #666;
}
.header .w1130 .right .login .link span {
padding: 0 5px;
}
.nav {
position: absolute;
z-index: 99;
width: 100%;
}
.nav .w1130 {
margin: 0 auto;
background-image: url(../image/nav.jpg);
background-repeat: no-repeat;
background-size: 100%;
height: 50px;
position: relative;
}
.nav .w1130 .nav_list {
display: flex;
display: -webkit-flex;
align-items: center;
height: 100%;
}
.nav .w1130 .nav_list .first-nav {
display: flex;
display: -webkit-flex;
justify-content: space-around;
height: 100%;
margin-left: 70px;
}
.nav .w1130 .nav_list .first-nav .first-item {
width: 150px;
height: 100%;
position: relative;
}
.nav .w1130 .nav_list .first-nav .first-item>a {
display: block;
color: #fff;
font-size: 17px;
font-weight: bold;
text-align: center;
line-height: 50px;
}
.nav .w1130 .nav_list .first-nav .first-item>a:hover {
color: #C61D22;
background: #f5f5f5;
}
.nav .w1130 .nav_list .first-nav .first-item .sub-nav {
background-color: #f5f5f5;
position: absolute;
flex-wrap: wrap;
width: 320px;
padding: 20px;
display: none;
}
.nav .w1130 .nav_list .first-nav .first-item .sub-nav .sub-item {
width: 50%;
height: 36px;
}
.nav .w1130 .nav_list .first-nav .first-item .sub-nav .sub-item a {
text-align: left;
line-height: 36px;
display: block;
color: #666666;
position: relative;
box-sizing: border-box;
padding-left: 50px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.nav .w1130 .nav_list .first-nav .first-item .sub-nav .sub-item a::before {
content: '→';
color: #f5f5f5;
font-size: 15px;
margin-right: 15px;
position: absolute;
left: 20px;
}
.nav .w1130 .nav_list .first-nav .first-item .sub-nav .sub-item a:hover {
color: #fff;
background-color: #999;
}
.nav .w1130 .nav_list .first-nav .first-item .sub-nav .sub-item a:hover::before {
color: #fff;
}
.nav .w1130 .nav_list .home {
width: 100px;
text-align: center;
}
.nav .w1130 .nav_list .home a {
display: block;
width: 100%;
height: 100%;
}
.nav .w1130 .nav_list .home a img {
max-width: 100%;
}
.swiper-pagination-bullet {
width: 14px;
height: 14px;
opacity: 1;
background-color: #fff;
box-shadow: 1px 1px 1px #81736e;
}
.swiper-pagination-bullet-active {
background-color: #c61d22;
}
.banner .image {
min-height: 120px;
width:100%;
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1.15, 1.15, 1.15);
transform: scale3d(1.15, 1.15, 1.15);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1.15, 1.15, 1.15);
transform: scale3d(1.15, 1.15, 1.15);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
.swiper-slide p {
width: 100%;
opacity: 0;
color: #000;
position: absolute;
z-index: 20;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
height: auto;
display: flex;
justify-content: center;
align-items: center;
}
.swiper-slide p img {
width: 40%;
height: auto;
}
.news {
margin-top: 30px;
}
.news .w1130 {
margin: 0 auto;
display: flex;
display: -webkit-flex;
justify-content: space-between;
}
.news_title {
display: -webkit-flex;
display: flex;
justify-content: space-between;
align-items: center;
}
.news_title a {
color: #000;
font-size: 12px;
}
.news .w1130 .left {
width: 550px;
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
}
.news .w1130 .left .image {
width: 290px;
height: 190px;
}
.news .w1130 .left .image img {
width: 100%;
height: 100%;
}
.news .w1130 .left .info {
width: 240px;
padding-left: 20px;
}
.news .w1130 .left .info h1.title {
font-size: 18px;
color: #666666;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.news .w1130 .left .info .add_time {
font-weight: bold;
font-size: 18px;
color: #c61d22;
padding: 10px 0 15px 0;
}
.news .w1130 .left .info .desc {
font-size: 14px;
color: #666;
line-height: 1.5;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.news .w1130 .right {
width: 550px;
}
.news .w1130 .right .tab_num {
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
box-sizing: border-box;
border-bottom: 2px solid #ccc;
}
.news .w1130 .right .tab_num ul {
width: 240px;
display: flex;
display: -webkit-flex;
justify-content: space-between;
}
.news .w1130 .right .tab_num ul li {
position: relative;
}
.news .w1130 .right .tab_num ul li a {
width: 65px;
height: 40px;
display: block;
font-size: 14px;
text-align: center;
line-height: 40px;
}
.news .w1130 .right .tab_num ul li span {
display: none;
width: 100%;
height: 2px;
background-color: #c61d22;
position: absolute;
bottom: -2;
}
.news .w1130 .right .tab_num ul li.active a {
font-weight: bold;
}
.news .w1130 .right .tab_num ul li.active span {
display: block;
}
.news .w1130 .right .tab_num .more {
width: 15px;
height: 15px;
}
.news .w1130 .right .tab_num .more img {
width: 100%;
height: 100%;
}
.news .w1130 .right .news_list ul {
display: none;
}
.news .w1130 .right .news_list ul.current {
display: block;
}
.news .w1130 .right .news_list ul li {
display: flex;
display: -webkit-flex;
justify-content: space-between;
margin-top: 10px;
}
.news .w1130 .right .news_list ul li a {
width: 420px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
color: #666666;
transition: color 0.5s ease;
}
.news .w1130 .right .news_list ul li span {
color: #666;
}
.news .w1130 .right .news_list ul li a:hover {
color: #c61d22;
}
.about {
margin-top: 25px;
background-color: #eae9ee;
}
.about .w1130 {
margin: 0 auto;
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
}
.about .w1130 .left {
display: flex;
display: -webkit-flex;
}
.about .w1130 .left>div {
position: relative;
}
.about .w1130 .left>div .image {
width: 275px;
height: 140px;
overflow: hidden;
}
.about .w1130 .left>div .image img {
transition: all 0.4s ease;
}
.about .w1130 .left>div .info {
position: absolute;
top: 0;
padding: 20px;
}
.about .w1130 .left>div .info h1.title {
font-size: 18px;
color: #fff;
padding-bottom: 5px;
font-weight: bold;
}
.about .w1130 .left>div .info .icon {
background-color: #666;
text-align: center;
line-height: 12px;
width: 15px;
height: 15px;
transition: all 0.4s ease;
}
.about .w1130 .left>div:hover .image img {
transform: scale(1.2);
}
.about .w1130 .left>div:nth-child(2) .info .icon {
background-color: #c61d22;
}
.about .w1130 .right {
width: 550px;
}
.about .w1130 .right .link {
position: relative;
}
.about .w1130 .right .swiper-container {
width: 450px;
}
.about .w1130 .right .link .swiper-button-prev {
background-image: url(../image/pre.png);
width: 13px;
height: 25px;
background-size: auto;
margin-top: -12px;
}
.about .w1130 .right .link .swiper-button-next {
background-image: url(../image/next.png);
width: 13px;
height: 25px;
background-size: auto;
margin-top: -12px;
}
.about .w1130 .right .link .swiper-slide {
text-align: center;
}
.about .w1130 .right .link .swiper-slide .image {
width: 100%;
height: 39px;
display: flex;
display: -webkit-flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.about .w1130 .right .link .swiper-slide .image img {
margin-top: 62px;
}
.about .w1130 .right .link .swiper-slide h1.title {
font-size: 14px;
color: #666;
margin-top: 15px;
}
.about .w1130 .right .link .swiper-slide:hover .image img {
margin-top: -62px;
}
.footer {}
.footer .w1130 {
margin: 0 auto;
height: 80px;
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
}
.footer .w1130 .left ul {
display: flex;
display: -webkit-flex;
width: 580px;
justify-content: space-between;
}
.footer .w1130 .left ul li a {
color: #666;
border-bottom: 2px solid #666;
padding-bottom: 5px;
}
.footer .w1130 .left ul li a:hover {
color: #c61d22;
border-color: #c61d22;
}
.footer .w1130 .right {
display: flex;
display: -webkit-flex;
align-items: center;
}
.footer .w1130 .right .wx {
width: 175px;
display: flex;
display: -webkit-flex;
justify-content: center;
align-items: center;
color: #666;
position: relative;
cursor: pointer;
}
.footer .w1130 .right .wx .erweima_image {
position: absolute;
bottom: 40px;
z-index: 99;
display: none;
max-width: 110px;
}
.footer .w1130 .right .wx .erweima_image img {
width: 100%;
right: 0;
}
.footer .w1130 .right .wx:hover .erweima_image {
display: block;
}
.footer .w1130 .right .culture {
width: 200px;
border: 1px solid #eae9ee;
position: relative;
}
.footer .w1130 .right .culture .culture_list {
display: flex;
display: -webkit-flex;
width: 100%;
height: 30px;
align-items: center;
box-sizing: border-box;
padding-left: 15px;
cursor: pointer;
}
.footer .w1130 .right .culture .culture_list span:nth-child(1) {
width: 125px;
color: #666;
}
.footer .w1130 .right .culture .sub_list {
border: 1px solid #eae9ee;
position: absolute;
bottom: 30px;
width: 100%;
padding-left: 15px;
background-color: #fff;
z-index: 99;
box-sizing: border-box;
display: none;
}
.footer .w1130 .right .culture .sub_list a {
display: block;
height: 30px;
color: #666;
line-height: 30px;
}
.footer .w1130 .right .culture:hover .sub_list {
display: block;
}
.footer .banquan {
border-top: 1px solid #ccc;
}
.footer .banquan p {
text-align: center;
color: #666;
line-height: 65px;
}
.about_project_info .content img {
max-width: 100%;
}
.page_banner {
position: relative;
}
.page_banner .banner_image img {
width: 100%;
min-height: 120px;
}
.page_con {
width: 100%;
position: relative;
border-bottom: 2px solid #ccc;
padding: 35px 0;
}
.page_con .w1130 {
margin: 0 auto;
display: flex;
display: -webkit-flex;
justify-content: space-between;
}
.page_con .con {
margin-top: 10px;
width: 830px;
}
.sidebar {
width: 260px;
}
.sidebar_top {
background-color: #f3f3f3;
}
.sidebar_top h1.title {
width: 260px;
height: 114px;
background-image: url(../image/sidebar_bj.jpg);
background-size: 100%;
background-repeat: no-repeat;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
font-size: 32px;
color: #fff;
}
.sidebar_top ul {
padding: 20px;
box-sizing: border-box;
}
.sidebar_top ul li a {
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
color: #666;
height: 40px;
border-bottom: 1px solid #dbdbdb;
}
.sidebar_top ul li a span:nth-child(2) {
padding-right: 30px;
}
.sidebar_top ul li a:hover {
color: #c61d22;
}
.sidebar_top ul li.current a {
color: #c61d22;
}
.sidebar_bottom {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-top: 20px;
}
.sidebar_bottom>div {
width: 130px;
height: 130px;
}
.sidebar_bottom>div:nth-child(1) {
background-color: #c61d22;
}
.sidebar_bottom>div:nth-child(4) {
background-color: #999999;
display: flex;
display: -webkit-flex;
justify-content: center;
align-items: center;
color: #fff;
line-height: 1.5;
}
.clip {
display: flex;
display: -webkit-flex;
justify-content: space-between;
height: 48px;
align-items: center;
border-bottom: 1px solid #d8d8d8;
}
.clip h1.title {
font-size: 18px;
color: #666;
font-weight: bold;
}
.chip_link:before {
content: '';
display: inline-block;
width: 10px;
height: 10px;
border: 1px solid #c61d22;
border-radius: 50%;
box-sizing: border-box;
margin-right: 10px;
}
.chip_link {
color: #666;
}
.chip_link a {
color: #666;
}
.page_contact {
padding: 0;
background-image: url(../image/contact_01.jpg);
background-size: cover;
background-repeat: no-repeat;
}
.page_contact .page_address {
height: 230px;
background-size: 100%;
background-repeat: no-repeat;
box-sizing: border-box;
padding-top: 40px;
}
.page_contact .page_address .w1130 {
display: block;
}
.page_contact .page_address .w1130 h1.title {
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
font-size: 27px;
color: #666;
}
.page_contact .page_address .w1130 h1.title span {
padding: 0 9px;
}
.page_contact .page_address .w1130 ul {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
align-items: center;
}
.page_contact .page_address .w1130 ul li {
width: 50%;
padding-left: 90px;
box-sizing: border-box;
color: #666;
font-size: 20px;
display: flex;
display: -webkit-flex;
align-items: center;
margin-top: 25px;
}
.page_contact .page_address .w1130 ul li span:nth-child(1) {
width: 23px;
height: 23px;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
margin-right: 15px;
}
.page_table {
padding: 65px 0;
}
.page_table table {
border: none;
border-color: #ccc;
}
.page_table table tr {
height: 44px;
}
.page_table table tr .td1 {
width: 220px;
color: #666;
text-align: center;
font-weight: bold;
font-size: 22px;
}
.page_table table tr .td2 {
box-sizing: border-box;
padding: 0 10px;
width: 220px;
color: #666;
}
.page_table table tr .td3 {
width: 690px;
color: #666;
padding: 0 10px;
box-sizing: border-box;
}
.personnel_info {
padding: 25px 0;
}
.personnel_info p {
color: #666;
}
.personnel_info p.image {
text-align: center;
padding: 20px 0;
}
.personnel_info p img {
max-width: 100%;
}
.personnel_info .post {
padding-bottom: 20px;
}
.personnel_info .post .post_information {
width: 100%;
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
height: 60px;
color: #666;
background-color: #d8d8d8;
font-weight: bold;
}
.personnel_info .post span {
text-align: center;
font-size: 18px;
}
.personnel_info .post span:nth-child(1) {
width: 160px;
}
.personnel_info .post span:nth-child(2) {
width: 285px;
}
.personnel_info .post span:nth-child(3),
.personnel_info .post span:nth-child(4) {
width: 155px;
}
.personnel_info .post ul li div.simple {
width: 100%;
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
height: 70px;
color: #666;
font-weight: bold;
text-align: center;
border-bottom: 1px dashed #ccc;
cursor: pointer;
}
.personnel_info .post ul li div.simple span {
font-size: 15px;
}
.personnel_info .post ul li div.info {
padding: 30px 45px;
box-sizing: border-box;
height: 320px;
overflow-y: auto;
display: none;
}
.personnel_info .post ul li div.info p {
line-height: 2;
color: #666;
}
.party_info h1.title {
font-weight: bold;
font-size: 18px;
color: #666;
padding: 20px 0;
}
.party_info p {
line-height: 2;
}
.industry_info p:nth-child(1) {
padding-top: 0;
}
.industry_info p {
padding-bottom: 20px;
line-height: 2;
}
.industry_info div.image {
text-align: center;
padding: 20px 0;
}
.industry_info div img {
max-width: 100%;
}
.industry_info div a {
color: #c61d22;
font-size: 14px;
border-bottom: 1px solid #c61d22;
}
.about_info .content {
display: flex;
display: -webkit-flex;
justify-content: space-between;
}
.about_info .content img {
max-width: 100%;
}
.about_info .content .text {
width: 315px;
}
.about_info p {
line-height: 2;
padding-top: 15px;
}
.about_course_info {
position: relative;
}
.about_course_info .bj {
position: absolute;
right: 0;
z-index: -1;
}
.course_list {
z-index: 10;
}
.course_list>div {
display: flex;
display: -webkit-flex;
margin-top: 50px;
}
.course_list>div:nth-child(1) {
margin-top: 80px;
}
.course_list>div .title {
font-size: 14px;
color: #666;
width: 400px;
text-align: right;
line-height: 2;
}
.course_list>div .icon {
margin: 4px 30px;
}
.course_list>div .time {
font-size: 26px;
color: #666;
margin-top: -4px;
}
.course_logo {
display: flex;
display: -webkit-flex;
justify-content: center;
}
.course_logo span {
margin-left: 45px;
margin-top: 100px;
}
.about_project {}
.about_project .project {}
.about_project .project ul {
display: flex;
display: -webkit-flex;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 10px;
}
.about_project .project ul li {
width: 250px;
height: 250px;
background-image: url(../image/project_bj.jpg);
background-repeat: repeat-x;
display: flex;
display: -webkit-flex;
justify-content: center;
align-items: center;
margin-top: 25px;
}
.about_project .project ul li a {
display: flex;
display: -webkit-flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
width: 226px;
height: 220px;
flex-direction: column;
align-items: center;
}
.about_project .project ul li a .image {
width: 226px;
height: 186px;
overflow: hidden;
}
.about_project .project ul li a .image img {
width: 100%;
transition: all 0.4s ease;
}
.about_project .project ul li:hover img {
cursor: pointer;
transform: scale(1.1)
}
.about_project .project ul li a .title {
color: #666;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.about_project .project ul li.sm {
width: 250px;
height: 0;
}
.paging {
margin-top: 15px;
text-align: center;
}
.paging a {
display: inline-block;
border: 1px solid #e0e0e0;
padding: 2px 7px;
color: #666;
background-color: #f5f5f5;
margin: 0 5px;
}
.paging a.active {
background-color: #c61d22;
color: #fff;
border-color: #c61d22
}
.paging a:hover {
background-color: #c61d22;
color: #fff;
border-color: #c61d22
}
.paging a:first-child,
.paging a:last-child {
padding: 2px 40px;
}
.about_project_info {}
.about_project_info .content {
padding: 20px 0;
}
.about_project_info .content .image {
text-align: center;
padding: 20px 0;
}
.about_project_info .content .image img {
max-width: 100%;
}
.about_project_info .content p {
text-align: center;
color: #666;
}
.pages {
margin-top: 25px;
border: 1px solid #ccc;
}
.pages_num {
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
padding: 30px;
box-sizing: border-box;
}
.pages_num>div {
border-top: 2px solid #ccc;
width: 350px;
padding-top: 15px;
display: flex;
display: -webkit-flex;
align-items: center;
transition: all 0.4s ease;
}
.pages_num>div>span {
transition: all 0.4s ease;
margin-right: 25px;
font-size: 18px;
text-align: center;
line-height: 40px;
color: #fff;
width: 120px;
height: 40px;
background-color: #ccc;
}
.pages_num>div>a {
color: #999;
font-size: 18px;
display: block;
width: 100%;
height: 100%;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.pages_num>div:hover {
border-color: #c61d22;
}
.pages_num>div:hover span {
background-color: #c61d22;
}
.pages_num>div.active {
border-color: #c61d22;
}
.pages_num>div.active span {
background-color: #c61d22;
}
.news_swiper {
width: 100%;
background-color: #f3f3f3;
height: 270px;
position: relative;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
}
.news_swiper .swiper-container {
width: 770px;
}
.news_swiper .swiper-slide a {
display: flex;
display: -webkit-flex;
justify-content: space-between;
}
.news_swiper .image {
width: 290px;
height: 190px;
}
.news_swiper .image img {
width: 100%;
height: 100%;
}
.news_swiper .info {
width: 445px;
display: flex;
display: -webkit-flex;
flex-direction: column;
justify-content: space-between;
}
.news_swiper .info .title {
font-size: 26px;
color: #666;
line-height: 1.5;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.news_swiper .info .desc {
color: #666;
line-height: 1.5;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.news_swiper .info .add_time {
color: #666;
line-height: 1.5;
}
.news_swiper .info .add_time:before {
display: inline-block;
content: '';
width: 11px;
height: 11px;
background-image: url(../image/time.png);
background-repeat: no-repeat;
background-size: 100%;
margin-right: 5px;
}
.news_swiper .btn {
width: 80px;
height: 40px;
position: absolute;
bottom: 0;
right: 0;
}
.news_swiper .btn .swiper-button-prev {
width: 40px;
height: 100%;
background-image: url(../image/left_news.png);
background-color: #999999;
background-size: auto;
left: 0;
}
.news_swiper .btn .swiper-button-next {
width: 40px;
height: 100%;
background-image: url(../image/right_news.png);
background-color: #999999;
background-size: auto;
right: 0;
}
.page_news .news_list {
padding: 30px 0 45px 0;
}
.page_news .news_list li {
padding: 20px 25px;
border-bottom: 1px dashed #ccc;
}
.page_news .news_list li a {
display: flex;
display: -webkit-flex;
align-items: center;
}
.page_news .news_list li a .add_time {
overflow: hidden;
width: 60px;
height: 60px;
color: #fff;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
justify-content: space-between;
text-align: center;
background-color: #ccc;
}
.page_news .news_list li a .add_time b {
width: 100%;
line-height: 40px;
font-size: 22px;
font-weight: 100;
}
.page_news .news_list li a .add_time span {
width: 100%;
line-height: 20px;
background-color: #b3b3b3;
font-size: 12px;
}
.page_news .news_list li a h1.title {
max-width: 670px;
font-size: 18px;
color: #666;
margin-left: 30px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
transition: all 0.4s ease;
}
.page_news .news_list li a:hover .title {
color: #c61d22;
}
.news_industry_num {
padding-bottom: 10px;
}
.news_industry_num li {
border-bottom: 1px dashed #ccc;
padding: 25px 0;
}
.news_industry_num li a {
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: space-between;
height: 130px;
}
.news_industry_num li a .image {
width: 200px;
height: 100%;
}
.news_industry_num li a .image img {
width: 100%;
height: 100%;
}
.news_industry_num li a .info {
width: 100%;
height: 100%;
max-width: 600px;
display: flex;
display: -webkit-flex;
flex-direction: column;
justify-content: space-between;
box-sizing: border-box;
padding: 10px 0;
}
.news_industry_num li a .info .title {
font-weight: bold;
font-size: 18px;
color: #666;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
transition: all 0.4s ease;
}
.news_industry_num li a .info .desc {
color: #666;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.news_industry_num li a .info .add_time {
color: #666;
}
.news_industry_num li a .info .add_time:before {
display: inline-block;
content: '';
width: 11px;
height: 11px;
background-image: url(../image/time.png);
background-repeat: no-repeat;
background-size: 100%;
margin-right: 5px;
}
.news_industry_num li a:hover .title {
color: #c61d22;
}
.news_plicy_num {
padding: 15px 0 20px 0;
}
.news_plicy_num li {
border-bottom: 1px dashed #ccc;
}
.news_plicy_num li a {
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
transition: all 0.4s ease;
color: #666;
}
.news_plicy_num li a .title {
max-width: 450px;
width: 75%;
margin: 20px 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.news_plicy_num li a:hover {
color: #c61d22;
}
.newd_info .head {
position: relative;
padding: 30px 0;
border-bottom: 1px dashed #ccc;
}
.newd_info .head_info {
text-align: center;
color: #666;
}
.newd_info .head_info .title {
font-size: 26px;
padding: 10px 0;
max-width: 700px;
margin: 0 auto;
}
.newd_info .head_info .sub span {
padding: 0 10px;
}
.newd_info .head .image {
background-color: #ccc;
width: 60px;
height: 60px;
border-radius: 30px;
display: flex;
display: -webkit-flex;
justify-content: center;
align-items: center;
position: absolute;
right: 0;
top: 45px;
;
transition: all 0.4s ease;
}
.newd_info .head .image:hover {
background-color: #c61d22;
}
.newd_info .content .con p {
font-size: 14px;
color: #666;
padding-bottom: 20px;
line-height: 2 !important;
}
.newd_info .content .image {
text-align: center;
}
.newd_info .content img {
max-width: 100%;
}
.newd_info .content .con {
padding: 40px 0;
}
.mobile_btn {
display: none;
}
.mobile_btn .btn {
background-color: #c61d22;
width: 45px;
height: 45px;
border-radius: 5px;
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
flex-direction: column;
justify-content: center;
box-sizing: border-box;
padding: 0 8px;
}
.mobile_btn .btn span {
width: 100%;
height: 3px;
margin: 4px 0;
background-color: #fff;
}
.mobile_menu {
position: fixed;
top: 50px;
z-index: 100;
background-color: #fff;
width: 100%;
height: 100%;
display: none;
}
.mobile_menu ul li {
border-bottom: 1px dashed #ccc;
padding: 10px 0;
}
.mobile_menu ul li a {
color: #666;
font-size: 16px;
padding: 0 10px;
width: 100%;
height: 100%;
display: block;
}
.mobile_menu .head {
display: flex;
display: -webkit-flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px dashed #ccc;
padding: 10px;
}
.mobile_menu .head h1 {
font-size: 22px;
font-weight: bold;
color: #666;
}
.mobile_menu .head .remove {
width: 40px;
height: 40px;
display: flex;
display: -webkit-flex;
align-items: center;
justify-content: center;
border: 1px solid #ccc;
border-radius: 20px;
}
.wap_news {
display: none;
padding: 10px 0 0;
}
.wap_news .w1130 {
width: 100%;
margin: 0 auto;
}
.wap_news h1 {
font-size: 14px;
font-weight: bold;
color: #000;
padding: 5px 0;
}
.wap_news ul li {
border-bottom: 1px solid #ccc;
padding: 8px 0;
}
.wap_news ul li:last-child {
border-bottom: none;
}
.wap_news ul li a {
display: -webkit-flex;
display: flex;
}
.wap_news ul li a h2 {
font-size: 14px;
color: #444;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
line-height: 1.5;
font-weight: bold;
}
.wap_news ul li a .left {
width: 90px;
margin-right: 10px;
}
.wap_news ul li a .left img {
width: 100%;
height: 100%;
}
.wap_news ul li a .right {
width: 75%;
}
.wap_news ul li a .desc {
font-size: 12px;
color: #999;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
line-height: 1.5;
margin-top: 10px;
}
@media(max-width:1130px) {
.w1130 {
padding: 0 10px;
box-sizing: border-box;
}
.header .w1130 {
padding: 10px 10px;
}
.header .w1130 .right {
display: none;
}
.mobile_btn {
display: block;
}
.nav {
display: none;
}
.banner img {
width: 100%;
height: auto;
}
.swiper-pagination-bullet {
width: 10px;
height: 10px;
}
.news .w1130 .left {
width: 49%;
}
.news .w1130 .left .image {
width: 40%;
height: auto;
}
.news .w1130 .left .info {
width: 60%;
box-sizing: border-box;
padding-left: 5px;
}
.news .w1130 .right {
width: 49%;
}
.news .w1130 .right .news_list ul li a {
width: 80%;
}
.news .w1130 .left .info h1.title {
font-size: 16px;
}
.news .w1130 .left .info .add_time {
font-size: 16px;
padding: 10px 0;
}
.about .w1130 .left {
width: 49%;
}
.about .w1130 .left>div {
width: 50%;
}
.about .w1130 .left>div .image {
width: 100%;
height: auto;
}
.about .w1130 .left>div .image img {
width: 100%;
}
.about .w1130 .left>div .info h1.title {
font-size: 16px;
}
.about .w1130 .right {
width: 49%;
}
.page_con {
max-width: 830px;
margin: 0 auto;
}
.page_con .w1130 {
flex-wrap: wrap;
}
.sidebar {
width: 100%;
}
.sidebar_top h1.title {
width: auto;
height: auto;
font-size: 18px;
padding: 5px 0;
}
.sidebar ul {
display: flex;
display: -webkit-flex;
flex-wrap: wrap;
padding: 10px;
}
.sidebar ul li {
width: 30%;
margin: 5px;
}
.sidebar_bottom {
display: none;
}
.page_con .con {
width: 100%;
}
}
@media(max-width:991px) {
.news .w1130 {
flex-wrap: wrap;
justify-content: center;
}
.news .w1130 .left {
width: 100%;
max-width: 550px;
padding: 10px 0;
}
.news .w1130 .right {
width: 100%;
max-width: 550px;
padding: 10px 0;
}
.about .w1130 {
flex-wrap: wrap;
justify-content: center;
}
.about .w1130 .left {
width: 100%;
max-width: 550px;
padding: 10px 0;
}
.about .w1130 .right {
width: 100%;
max-width: 550px;
padding: 10px 0;
}
.footer .w1130 {
flex-wrap: wrap;
justify-content: center;
height: auto;
}
.footer .w1130 .left {
padding: 10px 0;
width: 100%;
}
.footer .w1130 .right {
padding: 10px 0;
width: 100%;
}
.header .w1130 .left div {
width: 170px;
}
.mobile_btn .btn {
width: 40px;
height: 40px;
}
.page_contact .page_address {
padding: 20px 0;
height: auto;
background-repeat: repeat;
background-size: auto;
}
.page_contact .page_address .w1130 ul {
margin-top: 10px;
}
.page_contact .page_address .w1130 ul li {
margin-top: 10px;
}
.page_contact .page_address .w1130 h1.title span:nth-child(1) {
width: 40px;
}
.page_contact .page_address .w1130 h1.title span img {
width: 100%;
}
.page_contact .page_address .w1130 h1.title span:nth-child(2) {
font-size: 20px;
}
.page_contact .page_address .w1130 ul li {
font-size: 16px;
}
.page_table {
padding: 40px 0;
}
.page_table table tr .td1 {
font-size: 20px;
}
.about_info .content {
flex-wrap: wrap;
justify-content: center;
}
.about_info .content .text {
width: 100% !important;
}
.about_project .project ul li {
width: 240px;
height: 240px;
}
.paging a {
font-size: 12px;
}
.pages_num {
padding: 20px;
}
.pages_num>div>span {
height: 30px;
line-height: 30px;
width: 70px;
font-size: 16px;
}
.pages_num>div>a {
font-size: 14px;
}
.news_industry_num li {
padding: 10px 0;
}
.news_industry_num li a {
height: auto;
}
.news_industry_num li a .info {
padding-left: 10px;
}
.news_industry_num li a .image {
width: 150px;
height: auto;
min-width: 85px;
}
.news_industry_num li a .info .title {
font-size: 14px;
}
.news_industry_num li a .info .desc {
font-size: 12px;
margin: 10px 0;
-webkit-line-clamp: 1;
}
.news_industry_num li a .info .add_time {
font-size: 12px;
}
.news_swiper .info .title {
font-size: 22px;
}
.page_news .news_list li a h1.title {
font-size: 16px;
}
.newd_info .head {
padding: 20px 0;
}
.newd_info .head_info .title {
font-size: 22px;
}
.newd_info .head .image {
display: none;
}
}
@media(max-width:767px) {
.footer .w1130 .left ul {
max-width: 580px;
width: 100%;
}
.about .w1130 .right .swiper-container {
max-width: 380px;
width: 100%;
}
.page_contact .page_address .w1130 h1.title span {
padding: 0 5px;
}
.page_contact .page_address .w1130 h1.title span:nth-child(1) {
width: 35px;
}
.page_contact .page_address .w1130 h1.title span:nth-child(2) {
font-size: 18px;
}
.page_contact .page_address .w1130 ul {
margin: 0 auto;
}
.page_contact .page_address .w1130 ul li {
padding: 0;
}
.page_contact .page_address .w1130 ul li {
font-size: 14px;
}
.about_project .project ul li {
width: 48%;
box-sizing: border-box;
margin-top: 15px;
height: auto;
max-width: 226px;
}
.about_project .project ul li a {
width: 100%;
height: auto;
padding: 10px;
}
.about_project .project ul li a .image {
width: 100%;
height: auto;
}
.about_project .project ul li a .title {
padding-top: 10px;
}
.pages_num {
flex-wrap: wrap;
padding: 10px;
}
.pages_num>div {
max-width: 350px;
width: 100%;
padding: 10px 0;
}
.pages_num>div>span {
margin-right: 10px;
font-size: 12px;
}
.news_industry_num li a .info .desc {
margin: 5px 0;
}
.news_swiper {
height: auto;
padding: 10px 0 40px 0;
}
.news_swiper .swiper-slide a {
flex-wrap: wrap;
justify-content: center;
}
.news_swiper .info {
width: 100%;
max-width: 445px;
padding: 5px 0;
}
.news_swiper .info .title {
font-size: 16px;
}
.news_swiper .info .desc {
font-size: 12px;
margin: 5px 0;
}
.news_swiper .info .add_time {
font-size: 12px;
}
.page_news .news_list li {
padding: 10px;
}
.page_news .news_list li a h1.title {
font-size: 14px;
width: 100%;
margin-left: 10px;
}
.page_news .news_list li a .add_time {
width: auto;
height: auto;
}
.newd_info .head {
padding: 10px 0;
}
.newd_info .head_info .title {
font-size: 18px;
}
.news {
display: none;
}
.wap_news {
display: block;
}
.about {
margin-top: 5px;
}
.about .w1130 .left>div:nth-child(1) {
order: 2;
}
.about .w1130 .left>div:nth-child(2) {
order: 1;
}
.swiper-slide p img {
width: 60%;
}
}
@media(max-width:460px) {
.news {
margin-top: 15px;
}
.news .w1130 .left {
flex-wrap: wrap;
justify-content: center;
padding: 0;
}
.news .w1130 .left .image {
width: 100%;
max-width: 220px;
}
.news .w1130 .left .info {
width: 100%;
padding: 10px 0;
}
.news .w1130 .left .info h1.title {
font-size: 14px;
}
.news .w1130 .left .info .add_time {
font-size: 14px;
padding: 5px 0;
}
.news .w1130 .left .info .desc {
font-size: 12px;
}
.news .w1130 .right .news_list ul li a {
font-size: 12px;
width: 70%;
}
.news .w1130 .right .news_list ul li span {
font-size: 12px;
width: 25%;
}
.about .w1130 .left {
flex-wrap: wrap;
justify-content: center;
}
.about .w1130 .left>div {
width: 100%;
max-width: 270px;
}
.about .w1130 .left>div .info h1.title {
font-size: 14px;
}
.about .w1130 .right .link .swiper-button-next {
right: 0;
}
.about .w1130 .right .link .swiper-button-prev {
left: 0;
}
.footer .w1130 .left ul {
flex-wrap: wrap;
justify-content: flex-start;
}
.footer .w1130 .left ul li {
padding: 5px;
width: 30%;
}
.footer .banquan p {
line-height: 1.5;
padding: 10px 0;
}
.header .w1130 .left div {
width: 150px;
}
.mobile_menu .head .remove {
width: 30px;
height: 30px;
box-sizing: border-box;
}
.mobile_menu .head h1 {
font-size: 16px;
}
.mobile_menu ul li a {
font-size: 14px;
}
.page_contact .page_address .w1130 ul {
flex-wrap: wrap;
}
.page_contact .page_address .w1130 ul li {
width: 100%;
}
.sidebar ul li {
width: 45%;
}
.clip {
height: 40px;
}
.chip_link {
font-size: 12px;
}
.chip_link:before {
margin-right: 0;
}
.clip h1.title {
font-size: 16px;
}
.mobile_menu .head .remove img {
width: 15px;
}
.paging a:first-child,
.paging a:last-child {
padding: 2px 5px;
}
.personnel_info .post .post_information {
height: 40px;
}
.personnel_info .post span {
font-size: 14px;
}
.personnel_info .post ul li div.simple span {
font-size: 12px;
}
.personnel_info .post ul li div.info {
font-size: 12px;
padding: 10px;
}
.personnel_info .post ul li div.simple {
height: auto;
min-height: 45px;
}
.news_plicy_num li a .title {
font-size: 12px;
margin: 10px 0;
}
.news_plicy_num li a .add_time {
font-size: 12px;
}
.page_news .news_list li {
padding: 10px 0;
}
.page_news .news_list li a .add_time b {
font-size: 16px;
line-height: 30px;
}
}