﻿body {
}

strong{font-weight: bold;}

..wrap-layer{margin-top:30px;}
/*第二个轮播图*/
.m .swiper-button-prev, .m .swiper-button-next {
    position: absolute;top: 50%;margin-top: -15px; z-index: 10;cursor: pointer;width: 30px;height: 30px;    /* background: rgba(255,153,0,.7); */    border-radius: 50%;-moz-border-radius: 50%;-webkit-border-radius: 50%;opacity: .25;transition: all .3s;}.m .swiper-button-prev, .m .swiper-button-next span{display: block;	text-align: center;	color:#FFFFFF;	font-size: 30px;}
/*.m .swiper-button-prev {left: 20px;top:200px;}
.m .swiper-button-next{left:620px;top:200px;}*/
.m #swiper-prev-ylh {left: 20px; top:200px;}
.m #swiper-next-ylh{left:620px; top:200px;}
.m .pagination {position: absolute; z-index: 20; bottom: 30px; width: 100%; text-align: center;}
.m .swiper-pagination-switch {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 8px;
  background: #007B9A;
  margin: 0 5px;
  opacity: 0.8;
  border: 1px solid #fff;
  cursor: pointer;
}
.m .swiper-active-switch {background: #fff;}
#m_swiper img{display: block;width: 670px;height: 420px;}
.m_swiper{position: relative;}
#m_swiper .swiper-slide{position: relative;}
.wz_left_title{
	position: absolute; bottom:0; left: 0; width: 100%; height: 30px; background-color: rgba(0,0,0,0.5);
	color: #ffffff;	 text-align: center; font-size: 18px; line-height: 30px; overflow: hidden; text-overflow: ellipsis;}


/*banner*/
.banner img {max-width:100%; width:100%; display:block;}
.banner .swiper-pagination{ height: 40px; line-height: 40px;}
.banner,
.banner .swiper-container {position: relative;max-height: 980px;overflow: hidden;}
.banner .swiper-slide {position: relative;}
.banner .swiper-pagination {line-height: 200px; height: 140px;}
.banner .swiper-pagination {position: absolute;text-align: center;bottom: 0;left: 0;right: 0;z-index: 899988;}
.banner .swiper-pagination span {
    width: 40px;
    height: 8px;
    margin: 0 20px;
    /* border-radius:10px;*/
    display: inline-block;
    background: #fff;
    opacity: .6;
    filter: alpha(opacity=60);
    border-radius: 0;
}
.banner .swiper-pagination span.swiper-active-switch {opacity: 1; filter: alpha(opacity=100); width: 120px;}

.mod-adbtns {
    position: absolute;
    top: 50%;
    z-index: 6;
    height: 60px;
    width: 1300px;
    left: 50%;
    margin-left: -650px;
    margin-top: -13px;
    right: auto;
}
a.btnl:after,
a.btnr:after {
    cursor: pointer;
    display: inline-block;
    font-family: "iconfont" !important;
    color: #b7b7b7;
    font-size: 50px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e60f";
    float: left;
}
a.btnl {float: left;}
a.btnr {float: right;}
a.btnr:after {content: "\e67a";}
a.btnl:after,
a.btnr:after {color: #fff;}
a.btnl:hover:after,
a.btnr:hover:after {color: #f70007;}

.swiper-wrapper,
.swiper-slide {height: auto !important;}

/*首页：文章列表*/
.pull-left{float:left;width: 670px;}
.pull-right{float:right;width: 500px;}
.m{margin-bottom:40px; }
.mL{width:400px;float:left;}
.m .mt {height: 40px;}
.mt h2 {line-height: 23px;float: left;color: #000;font-size: 18px;padding-left: 20px;}
.mt h2 {border-left:4px solid #007B9A;}
.mt .extra {float: right;margin-right: 0px;}
.mt .extra a {font-size: 12px; float: right;height: 12px;margin-top: 5px;color:#b4b4b4}
.m .mc {padding: 0;}

.m1 .mc{padding:10px;background-color:#F7F8FA;height: 270px;overflow: hidden;}
.m1 .mc li{line-height:16px;padding-bottom:10px;}
.m1 .mc li a{color:#333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;margin-left: 25px;}
.m1 .mc li i{width:16px;height:16px;line-height:16px;background-color:#D0D0D0;color:#fff;float:left;text-align:center;}
.m1 .mc li.n1 i,.m1 .mc li.n2 i{background-color:#8EC043}
.item-content{border-bottom: 1px solid #ccc;}
.item-title	{margin: 5px 0;position: relative;padding-right:5px; overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.item-title * {font-size: 18px;color: #333;}
.item-title span{position: absolute; right: 0;top: 0;font-size: 18px;  display: block;   color: #999;}
.m2 .mc{padding:10px;height: 210px; /*370px;*/background-color:#F7F8FA;overflow: hidden;}
.pull-right .item-title a{
    max-width: 88%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

/*专题专栏*/
 .mobile-spectopic { display:none;}
.special-topic {height:auto!important; position: relative; overflow: auto; margin-bottom:20px;}
.special-topic-box {margin-top:5px; margin-bottom:5px; width:1200px; margin:0 auto;}
.special-topic .swiper-slide img { max-width:385px; width:385px; transition: all .4s ease-in-out; height:150px;}
.special-topic .swiper-slide:hover img {-webkit-transform: scale(1.0) rotate(0);transform: scale(1.0) rotate(0);}
.special-topic .swiper-button-prev {left:0;}
.special-topic .swiper-button-prev, .special-topic .swiper-button-next {
    position: absolute;
    top: 50%;
    margin-top: 15px;
    z-index: 10;
    cursor: pointer;
    width: 30px;
    height: 30px;
    background: rgba(255,153,0,.7);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    opacity: .25;
    transition: all .3s;
}
.special-topic .swiper-button-next {right:0;}
.special-topic .swiper-button-prev:after 
{
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
.special-topic .swiper-button-prev:after, .special-topic .swiper-button-next:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 20%;
    margin: auto;
    width: 12px;
    height: 12px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
}
.special-topic .swiper-button-next:after 
{
    left: 0;
    right: 20%;
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
/*
.zt {position: relative; height:160px; background-color:#F7F8FA;overflow: hidden;}
.zt .zt-box{ margin-top:5px; margin-bottom:5px; width:480px; margin:0 auto;}
.zt .swiper-slide img { max-width:100%; width:100%; transition: all .4s ease-in-out; height:150px;}
.zt .swiper-slide:hover img {-webkit-transform: scale(1.0) rotate(0);transform: scale(1.0) rotate(0);}
.zt .swiper-button-prev {left: 0;}
.zt .swiper-button-prev, .zt .swiper-button-next {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    z-index: 10;
    cursor: pointer;
    width: 30px;
    height: 30px;
    background: rgba(255,153,0,.7);
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    opacity: .25;
    transition: all .3s;
}
.zt .swiper-button-next {right: 0;}
.zt .swiper-button-prev:after 
{
    transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
.zt .swiper-button-prev:after, .zt .swiper-button-next:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 20%;
    margin: auto;
    width: 12px;
    height: 12px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
}
.zt .swiper-button-next:after 
{
    left: 0;
    right: 20%;
    transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}*/

/*集团要闻*/
.focusbox{position:relative;height:250px;}
.focusbox .focus-doc{float: none; list-style: none; position: absolute; width: 670px; z-index: 50; display: block;}
.focusbox .focus-doc>a{width:270px;/*100%;*/height:250px;overflow:hidden;display: block;}
.focusbox .focus-doc>a>img{max-width:100%;display:block;height:250px;}
.focusbox .focus-doc img{-webkit-transform: scale(1) rotate(0);transition: 0.5s ease-in-out; /*margin-left:-5%;*/}
.focusbox .focus-doc:hover img {-webkit-transform: scale(1.0) rotate(0);transform: scale(1.0) rotate(0);}
	
.focusbox .focus-warp{background-color:#F7F8FA;position:absolute;right:0;top:0;width:370px;height:250px; padding:0 15px 0 15px;}
.focusbox .focus-warp i{position:absolute;height:2px;background-color:#8EC32F;width:23px;}
.focusbox .focus-txt{overflow:hidden;height:100%;padding-top:15px;}
.focusbox .focus-txt a
{
    font-size:24px;
    line-height:36px;
    color:#000; 
    max-height: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
}

.focusbox .focus-date{font-size:16px;color:#989898;line-height:24px; padding:0;}
.focusbox .focus-desc
{
    font-size: 16px;
    line-height: 26px;
    max-height: 110px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    white-space:normal;
}
/*媒体聚焦*/
.item-project{float:left;width:385px;background-color:#F7F8FA;margin-right:30px;height:437px;}/*height:390px;*/
.item-project .thumb{width:386px;height:217px;/*height:180px;*/overflow:hidden;display: block;}
.item-project img{width:100%;-webkit-transform: scale(1) rotate(0);transform: scale(1) rotate(0);transition: 0.5s ease-in-out;}
.item-project .item-info{padding:25px 20px 0;}
item-project .item-title{font-size:24px;color:#000;padding-bottom:10px;}
.item-project .item-info .item-title b {
    font-size: 24px;
    line-height: 30px;
    max-height: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    font-weight:normal;
}

.item-project .item-desc{font-size:16px;line-height:24px;padding-bottom:20px;}
.item-project .item-desc p
{
    font-size: 16px;
    line-height: 26px;
    max-height: 60px;
    color: #000;
    padding-bottom:20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    white-space:normal;
}
.item-project .item-desc *{text-align: justify;}
.item-project .item-more{background:url(../images/more_bg.png) no-repeat;color: #fff;padding: 4px 13px 4px 10px;display:inline-block;font-size:12px}
.item-project .item-more:hover{color:#fff !important;}
.item-project.i1{margin-right:0;}
.item-project:hover img{-webkit-transform: scale(1.0) rotate(0);transform: scale(1.0) rotate(0);}

/*首页：产业布局*/
.mod-brand { min-height: 300px;}
.section-header {font-size: 28px;display: flex;align-items: center;justify-content: center; margin-bottom:20px; letter-spacing: 10px;text-indent: 10px;}
.section-header::before,.section-header::after {content: ""; display: block; width: 190px; height: 2px; margin: 0 20px; background-image: linear-gradient(135deg, #007B9A, #36b184);} 
.container {width: 1200px; margin: auto;}
.brand-links {overflow: hidden;}
.brand-links .item-cell { width: 300px; height: 600px;}
.brand-links .item-cell img { display: block;}
.brand-links .item-logo { position: relative;    z-index: 8;}
.brand-links .item-logo:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: -30px;
    left: 50%;
    margin-left: -15px;
    display: block;
    border: 15px solid transparent;
    border-bottom: 15px solid #fff;
}
.brand-links .item-2 .item-logo:after {
    border-bottom: 15px solid transparent;
    border-top: 15px solid #fff;
    botom: -30px;
    top: auto;
}
.brand-links .item-pic {  overflow: hidden;}
.brand-links .item-pic img {transition: all 500ms; -webkit-transition: all 500ms; margin:0px; width: 300px; height: 300px;}
.brand-links .item-pic:hover img {transform: scale(1.0, 1.0); -webkit-transform: scale(1.0, 1.0);}
/*by 2024-04-18 lw*/
.brand-links {
	background: url(../webimg/cybj_bg.jpg) no-repeat center top/100% auto;
	width: 100%;
	float: left;
}
@media screen and (max-width: 668px) {
	.brand-links {
		background-size: auto 100%;
	}
}
.swiper-container-cy {
	width: 100%;
	margin: 25px 0;
}
@media screen and (max-width: 668px) {
	.swiper-container-cy {
		margin: 20px 0 15px;
	}
}
.swiper-container-cy .swiper-slide {
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}
@media screen and (max-width: 668px) {
	.swiper-container-cy .swiper-slide {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}
}
.swiper-container-cy .swiper-slide-active, .swiper-container-cy .swiper-slide-duplicate-active {
	-webkit-transform: scale(1);
	transform: scale(1);
}
@media screen and (max-width: 668px) {
	.swiper-container-cy .swiper-slide-active, .swiper-container-cy .swiper-slide-duplicate-active {
		-webkit-transform: scale(0.97);
		transform: scale(0.97);
	}
}
.swiper-container-cy .none-effect {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
}
.swiper-container-cy .swiper-slide a {
	background: #fff;
	padding:10px;
	display: block;
	border-radius: 14px;
}
@media screen and (min-width: 668px) {
	.swiper-container-cy .swiper-slide a:after {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		box-sizing: border-box;
		border: 10px solid #fff;
		content: "";
		width: 100%;
		height: 100%;
		background: url(../webimg/cybj_cover_bg.png) 0 0 repeat;
		border-radius: 20px;
	}
}
.swiper-container-cy .swiper-slide-active a:after {
	background: none;
}
@media screen and (max-width: 668px) {
	.swiper-container-cy .swiper-slide a {
		padding: 5px;
		border-radius: 7px;
	}
}
.swiper-container-cy .swiper-slide img {
	width: 100%;
	border-radius: 14px;
	display: block;
}
@media screen and (max-width: 668px) {
	.swiper-container-cy .swiper-slide img {
		border-radius: 7px;
	}
}


/*首页：企业展示*/
.container_small {width: 1130px; margin: auto;}
.enterprise {height:auto!important; position: relative; overflow: auto; margin-bottom:20px;}
.enterprise .section-header {margin-top:25px; margin-bottom:25px;}
.enterprise-body {position: relative;}
.enterprise-item {width: 336px;margin: auto;}
.enterprise-item img{width:100%;-webkit-transform: scale(1) rotate(0);transform: scale(1) rotate(0);transition: 0.5s ease-in-out;}
.enterprise-item:hover img{-webkit-transform: scale(1.0) rotate(0);transform: scale(1.0) rotate(0);}

.enterprise-item-cover {display: block;width: 336px;height: 266px;}
.enterprise-item-cover img {width: 100%;height: 100%;display: block; object-fit: cover;}
.enterprise-item-detail {margin: 30px 20px;}
.enterprise-item-title {display: block; font-size: 18px; color: #333;  margin: 10px 0;  overflow: hidden; text-overflow:ellipsis;white-space:nowrap;}
.enterprise-item-title::after {content: "";display: block;height: 2px;width: 60px;margin-top: 10px;background-image: linear-gradient(135deg, #007B9A, #36b184);} /*#006eae, #36b184*/
.enterprise-item-intro 
{
    font-size: 16px;color: #BBBBBB;
    line-height: 24px;max-height: 48px;
    font-family: inherit;
    overflow: hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space:normal;}
.enterprise-swiper-button {width: 30px; height: 30px; position: absolute; z-index: 1001; margin: auto;cursor: pointer;top: 0;bottom: 134px;}
.enterprise-swiper-button img {width: 100%;height: 100%;display: block;}
.enterprise-swiper-next {right: 0;}
.enterprise-swiper-prev {left: 0;}

/*首页：友情链接*/
.fri {background: #f9fcff;}
.fri span{font-size: 17px;line-height: 30px;float: left;color: #333333;font-weight: bold; padding-left:30px; margin:10px 40px 10px 0px;}
.fri li{float:left; margin:10px 30px 10px 0px;}
.fri li select{line-height: 30px;  vertical-align: middle;  height: 30px;  border: 0px;  font-size: 16px;  color: #838383; }

/*新闻列表选项卡*/
#ul1{height: 21px;}.active_title{ height: 37px;display: inline-block;width: 200px;line-height: 37px;text-align: center;/* border: 1px solid #999; */margin-left: 5px; }
#active_title{height: 23px;display: inline-block;width: 22%;line-height: 15px;text-align: center;/* border: 1px solid #999; */margin-left: 5px; padding-left:20px;}
#ul1 li:hover{cursor: pointer;}
#ul1 li.active{/* border-top:2px solid #007B9A; */  color:#007B9A; /* background-color: #007B9A; */}
/* #tab-list div{border: 1px solid #7396B8;border-top: none;} */#tab-list div{}
#tab-list div li{height: 30px;line-height: 30px;/* text-indent: 8px; */}
.show{display: block;}.hide{display: none;}#active_title h2 {line-height: 18px; float: left; font-size: 18px;}#ul1{border-left: 4px solid #007B9A;padding-top:2px; }.pull-right .item-title a {max-width: 88%; white-space: nowrap; overflow: hidden;text-overflow: ellipsis;display: block;-webkit-line-clamp: 1; -webkit-box-orient: vertical;}.tab_content {background-color:#F7F8FA; height:397px;}.tab_content li a {font-size: 18px; color: #555; float: left;}.tab_content li {margin:0 10px;}.tab_content li {height: 45px; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 45px; box-sizing: border-box;                   /* width: 470px; */ overflow: hidden; margin-top: 12px; border-bottom: 1px #ccc solid;}#tab-list{height:420px; overflow: hidden;}.extra {float: right; margin-right: 0px;color: #b4b4b4;font-size: 12px;}

@media screen and (max-width:768px) {
	body{ background: none !important;}	
	.banner {max-height:130px;}
    .banner .swiper-pagination {margin-bottom:-30px;}
    
	.pull-left{float:none;max-width: 100%!important; height: auto!important;  width: auto!important;}
	.focusbox .focus-doc{position:relative;max-width: 100%!important;width: 100%!important;float:left;}
	.focusbox .focus-doc>a {width:100%!important;}
	.focusbox .focus-doc>a>img{width: 100%!important;}
	.focusbox .focus-doc img{-webkit-transform: scale(1) rotate(0);transition: 0.5s ease-in-out; margin-left:0;}
    .focusbox .focus-doc:hover img {-webkit-transform: scale(1) rotate(0);transform: scale(1) rotate(0);}
	.focusbox .focus-warp{position:relative;width: 100%!important;padding:0;}
		
	.pull-right{position:relative; max-width: 100%!important; height: auto!important;  width: 100%!important; margin-top:10px;}
	/*.item-title>a {font-size:14px;color: #333;}
	.item-title span{display:none;}*/
	
	.m{margin-bottom:10px;}
	.mL{max-width: 100%!important;width:100%!important;float:left;}
	.m2 .mc{height: auto!important; }
	.item-project{width: 100%!important;margin-right:0px;height:auto!important;}
	.item-project .thumb{width: 100%!important;}
	
	.section-header {font-size:20px;}
	.section-header::before, .section-header::after {width:80px;margin: 0 5px;}
	
	.brand-links .item-cell { width:100%!important; float:left;}
	.brand-links .item-pic { display:table-cell;}
	.brand-links .item-pic img {width:100%!important; height:auto!important; margin:5px; float:left;}
	.brand-links .item-pic:hover img {transform: scale(1, 1); -webkit-transform: scale(1, 1);}
	
	.enterprise {display:none;}	
	.fri{display:none;}	
		
    /*.zt .zt-box{width:100%!important;} */
        
    .special-topic-box {display:none;}
    .mobile-spectopic {display:table-cell;}
    .mobile-spectopic img{width:97%!important; height:150px; margin:5px; float:left;}
    
    .wz_left_title { font-size:14px;}
    #m_swiper img{height: 210px;}    
    .m #swiper-prev-ylh {display:none;}
    .m #swiper-next-ylh{display:none;}
}