html {
margin: 0;
}
@keyframes arup {
0% { /*transform:translateY(50px);*/
transform: translate(-50%, 50px);
opacity: 0;
}
50% { /*transform:translateY(20px);*/
transform: translate(-50%, 20px);
opacity: 40;
}
100% { /*transform:translateY(0px);*/
transform: translate(-50%, 0px);
opacity: 100;
}
/*0% {margin-top:150px;opacity:0;}
50% {margin-top:110px;opacity:40;}
100% {margin-top:80px;opacity:100;} */
}
@keyframes ardown {
0% { /*transform:translateY(-80px);*/
transform: translate(-50%, -80px);
opacity: 0;
}
50% { /*transform:translateY(-30px);*/
transform: translate(-50%, -30px);
opacity: 40;
}
100% { /*transform:translateY(-0px);*/
transform: translate(-50%, -0px);
opacity: 100;
}
}
@keyframes arbig {
0% {
transform: scale(1.25, 1.25);
}
50% {
transform: scale(1.15, 1.15);
}
100% {
transform: scale(1, 1);
}
}
@keyframes arsmall {
0% {
transform: scale(1, 1);
}
50% {
transform: scale(1.06, 1.06);
}
100% {
transform: scale(1.1, 1.1);
}
}
.banner {
/*height: 100%;*/
width: 100%;
box-shadow: 0px 10px 20px -20px #222;
}
.fullSlide {
width: 100%;
position: relative;
/*height: 100%;*/
background: #000;
}
.fullSlide .bd {
margin: 0 auto;
position: relative;
z-index: 0;
overflow: hidden;
/*height: 100%;*/
}
.fullSlide .bd ul {
width: 100% !important;
/*height: 100%;*/
}
.fullSlide .bd li {
width: 100% !important;
height: 100%;
overflow: hidden;
text-align: center;
}
.fullSlide .bd li img {
width: 100%;
height: 100%;
/*object-fit: cover;*/
}
.fullSlide .bd li .div1 {
width: 100%;
height: 100%;
/*animation: arsmall 5000ms linear infinite;*/
/*animation-iteration-count: 1;*/
}
/*.fullSlide .bd li a {display:block;height:100%;}*/
.banner_txt1 {
position: absolute;
top: 45%;
text-align: center;
width: 100%;
transition: all ease 0.4s;
animation: arrdown 2000ms linear infinite;
animation-iteration-count: 1;
}
.banner_txt2 {
position: absolute;
top: 45%;
text-align: center;
margin: 90px 0 0 0;
width: 100%;
transition: all ease 0.4s;
animation: arrup 1800ms linear infinite;
animation-iteration-count: 1;
}
.fullSlide .hd {
width: calc(100% - 15px);
position: absolute;
z-index: 1;
bottom: 20px;
left: 0;
height: 22px;
line-height: 22px;
padding-right: 15px;
display: flex;
justify-content: center;
}
.fullSlide .hd ul {
text-align: center;
height: 100% !important;
}
/*.fullSlide .hd ul li {
cursor:pointer;
display:inline-block;
*display:inline;
zoom:1;
width:10px;
height:10px;
margin:4px;
margin-top:3px;
overflow:hidden;
background:#fff;
filter:alpha(opacity=100);
opacity:1;
line-height:999px;
border-radius:10px;
}*/
.fullSlide .hd ul li {
cursor: pointer;
display: inline-block;
*display: inline;
zoom: 1;
width: 20px;
height: 20px;
margin: 5px;
margin-top: 3px;
overflow: hidden;
filter: alpha(opacity=100);
opacity: 1;
line-height: 999px;
background: url(../pcimages/banner_button1.png) no-repeat center center;
background-size: 100% 100%;
}
.fullSlide .hd ul .on {
background: url(../pcimages/banner_button2.png) no-repeat center center;
background-size: 100% 100%;
}
.fullSlide .prev, .fullSlide .next {
position: absolute;
z-index: 1;
top: 50%;
margin-top: -30px;
left: 15%;
width: 40px;
height: 60px;
background: url(../pcimages/slider-arrow.png) -126px -137px #000 no-repeat;
cursor: pointer;
filter: alpha(opacity=30);
opacity: 0.3;
display: none;
}
.fullSlide .next {
left: auto;
right: 15%;
background-position: -6px -137px;
}
@keyframes myfirst {
0% {
transform: translateY(0px);
}
50% {
transform: translateY(8px);
}
100% {
transform: translateY(0px);
}
}
@-moz-keyframes myfirst /* Firefox */
{
0% {
-moz-transform: translateY(0px);
}
50% {
-moz-transform: translateY(8px);
}
100% {
-moz-transform: translateY(0px);
}
}
@-webkit-keyframes myfirst /* Safari 鍜� Chrome */
{
0% {
-webkit-transform: translateY(0px);
}
50% {
-webkit-transform: translateY(8px);
}
100% {
-webkit-transform: translateY(0px);
}
}
@-o-keyframes myfirst /* Opera */
{
0% {
-o-transform: translateY(0px);
}
50% {
-o-transform: translateY(8px);
}
100% {
-o-transform: translateY(0px);
}
}
@keyframes arrleft {
0% {
transform: translateX(80px);
opacity: 0;
}
50% {
transform: translateX(40px);
opacity: 40;
}
100% {
transform: translateX(0px);
opacity: 100;
}
}
@-moz-keyframes arrleft /* Firefox */
{
0% {
-moz-transform: translateX(80px);
-moz-opacity: 0;
}
50% {
-moz-transform: translateX(40px);
-moz-opacity: 40;
}
100% {
-moz-transform: translateX(0px);
-moz-opacity: 100;
}
}
@-webkit-keyframes arrleft /* Safari 鍜� Chrome */
{
0% {
-webkit-transform: translateX(80px);
-webkit-opacity: 0;
}
50% {
-webkit-transform: translateX(40px);
-webkit-opacity: 40;
}
100% {
-webkit-transform: translateX(0px);
-webkit-opacity: 100;
}
}
@-o-keyframes arrleft /* Opera */
{
0% {
-o-transform: translateX(80px);
-o-opacity: 0;
}
50% {
-o-transform: translateX(40px);
-o-opacity: 40;
}
100% {
-o-transform: translateX(0px);
-o-opacity: 100;
}
}
@keyframes arrright {
0% {
transform: translateX(-80px);
opacity: 0;
}
50% {
transform: translateX(-60px);
opacity: 40;
}
100% {
transform: translateX(0px);
opacity: 100;
}
}
@-moz-keyframes arrright /* Firefox */
{
0% {
-moz-transform: translateX(-80px);
-moz-opacity: 0;
}
50% {
-moz-transform: translateX(-60px);
-moz-opacity: 40;
}
100% {
-moz-transform: translateX(0px);
-moz-opacity: 100;
}
}
@-webkit-keyframes arrright /* Safari 鍜� Chrome */
{
0% {
-webkit-transform: translateX(-80px);
-webkit-opacity: 0;
}
50% {
-webkit-transform: translateX(-60px);
-webkit-opacity: 40;
}
100% {
-webkit-transform: translateX(0px);
-webkit-opacity: 100;
}
}
@-o-keyframes arrright /* Opera */
{
0% {
-o-transform: translateX(-80px);
-o-opacity: 0;
}
50% {
-o-transform: translateX(-60px);
-o-opacity: 40;
}
100% {
-o-transform: translateX(0px);
-o-opacity: 100;
}
}
@keyframes arrup {
0% {
transform: translateY(80px);
opacity: 0;
}
50% {
transform: translateY(30px);
opacity: 40;
}
100% {
transform: translateY(0px);
opacity: 100;
}
}
@-moz-keyframes arrup /* Firefox */
{
0% {
-moz-transform: translateY(80px);
-moz-opacity: 0;
}
50% {
-moz-transform: translateY(30px);
-moz-opacity: 40;
}
100% {
-moz-transform: translateY(0px);
-moz-opacity: 100;
}
}
@-webkit-keyframes arrup /* Safari 鍜� Chrome */
{
0% {
-webkit-transform: translateY(80px);
-webkit-opacity: 0;
}
50% {
-webkit-transform: translateY(30px);
-webkit-opacity: 40;
}
100% {
-webkit-transform: translateY(0px);
-webkit-opacity: 100;
}
}
@-o-keyframes arrup /* Opera */
{
0% {
-o-transform: translateY(80px);
-o-opacity: 0;
}
50% {
-o-transform: translateY(30px);
-o-opacity: 40;
}
100% {
-o-transform: translateY(0px);
-o-opacity: 100;
}
}
@keyframes arrdown {
0% {
transform: translateY(-80px);
opacity: 0;
}
50% {
transform: translateY(-40px);
opacity: 40;
}
100% {
transform: translateY(-0px);
opacity: 100;
}
}
@-moz-keyframes arrdown /* Firefox */
{
0% {
-moz-transform: translateY(-80px);
-moz-opacity: 0;
}
50% {
-moz-transform: translateY(-40px);
-moz-opacity: 40;
}
100% {
-moz-transform: translateY(-0px);
-moz-opacity: 100;
}
}
@-webkit-keyframes arrdown /* Safari 鍜� Chrome */
{
0% {
-webkit-transform: translateY(-80px);
-webkit-opacity: 0;
}
50% {
-webkit-transform: translateY(-40px);
-webkit-opacity: 40;
}
100% {
-webkit-transform: translateY(-0px);
-webkit-opacity: 100;
}
}
@-o-keyframes arrdown /* Opera */
{
0% {
-o-transform: translateY(-80px);
-o-opacity: 0;
}
50% {
-o-transform: translateY(-40px);
-o-opacity: 40;
}
100% {
-o-transform: translateY(-0px);
-o-opacity: 100;
}
}
@keyframes arrbig {
0% {
transform: scale(1.25, 1.25);
}
50% {
transform: scale(1.15, 1.15);
}
100% {
transform: scale(1, 1);
}
}
@-moz-keyframes arrbig /* Firefox */
{
0% {
-moz-transform: scale(1.25, 1.25);
}
50% {
-moz-transform: scale(1.15, 1.15);
}
100% {
-moz-transform: scale(1, 1);
}
}
@-webkit-keyframes arrbig /* Safari 鍜� Chrome */
{
0% {
-webkit-transform: scale(1.25, 1.25);
}
50% {
-webkit-transform: scale(1.15, 1.15);
}
100% {
-webkit-transform: scale(1, 1);
}
}
@-o-keyframes arrbig /* Opera */
{
0% {
-o-transform: scale(1.25, 1.25);
}
50% {
-o-transform: scale(1.15, 1.15);
}
100% {
-o-transform: scale(1, 1);
}
}
@keyframes fadein {
from {
opacity: 0
}
to {
opacity: 1
}
}
.main1 {
background: url(../images/bg.jpg) repeat-y top center;
background-size: 100% auto;
padding: 30px 0;
overflow: hidden;
}
/*鎮诞閾炬帴*/
.suspension {
position: fixed;
z-index: 2;
right: 5px; /*bottom:85px;*/
width: 48px;
height: 384px;
top: 50%;
transform: translateY(-50%);
}
.suspension-box {
position: relative;
float: right;
}
.suspension .a {
display: block;
width: 48px;
height: 48px;
background-color: #721713;
cursor: pointer;
outline: none;
border-radius: 50%;
}
.suspension .a.active,
.suspension .a:hover {
background: #b60f0f;
}
.suspension .a .i {
display: block;
float: left;
width: 48px;
height: 48px;
background: url(../pcimages/online_icon1.png) no-repeat center center;
background-size: 28px auto;
}
.suspension .a:nth-child(2) .i {
background: url(../pcimages/online_icon2.png) no-repeat center center;
background-size: 26px auto;
}
.suspension .a:nth-child(3) .i {
background: url(../pcimages/online_icon3.png) no-repeat center center;
background-size: 26px auto;
}
.suspension .a:nth-child(4) .i {
background: url(../pcimages/online_icon4.png) no-repeat center center;
background-size: 22px auto;
}
.suspension .a:nth-child(5) .i {
background: url(../pcimages/online_icon5.png) no-repeat center center;
background-size: 20px auto;
}
.suspension .a:nth-child(6) .i {
background: url(../pcimages/online_icon6.png) no-repeat center center;
background-size: 22px auto;
}
.suspension .a:nth-child(7) .i {
background: url(../pcimages/online_icon7.png) no-repeat center center;
background-size: 22px auto;
}
.suspension .a:nth-child(8) .i {
background: url(../pcimages/online_icon8.png) no-repeat center center;
background-size: 22px auto;
}
.suspension .d {
display: none;
width: 223px;
background: #fff;
position: absolute;
right: 67px;
min-height: 90px;
border: 1px solid #E0E1E5;
border-radius: 3px;
box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11);
}
.suspension .d .arrow {
position: absolute;
width: 8px;
height: 12px;
background: url(../pcimages/side_bg_arrow.png) no-repeat;
right: -8px;
top: 31px;
}
.suspension .d-service {
top: 0;
}
.suspension .d-service-phone {
top: 34px;
}
.suspension .d-qrcode {
top: 78px;
}
.suspension .d .inner-box {
padding: 8px 22px 12px;
}
.suspension .d-service-item {
border-bottom: 1px solid #eee;
padding: 14px 0;
}
.suspension .d-service .d-service-item {
border-bottom: none;
}
.suspension .d-service-item .circle {
width: 44px;
height: 44px;
border-radius: 50%;
overflow: hidden;
background: #F1F1F3;
display: block;
float: left;
}
.suspension .d-service-item .i-qq {
width: 44px;
height: 44px;
background: url(../pcimages/side_con_icon03.png) no-repeat center 15px;
display: block;
transition: all .2s;
border-radius: 50%;
overflow: hidden;
}
.suspension .d-service-item:hover .i-qq {
background-position: center 3px;
}
.suspension .d-service-item .i-tel {
width: 44px;
height: 44px;
background: url(../pcimages/side_con_icon02.png) no-repeat center center;
display: block;
}
.suspension .d-service-item h3 {
float: left;
width: 112px;
line-height: 44px;
font-size: 15px;
margin-left: 12px;
}
.suspension .d-service-item .text {
float: left;
width: 112px;
line-height: 22px;
font-size: 15px;
margin-left: 12px;
}
.suspension .d-service-item .text .number {
font-family: Arial, "Microsoft Yahei", "HanHei SC", PingHei, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
}
.suspension .d-service-intro {
padding-top: 10px;
}
.suspension .d-service-intro p {
float: left;
line-height: 27px;
font-size: 12px;
width: 50%;
white-space: nowrap;
color: #888;
}
.suspension .d-service-intro i {
background: url(../pcimages/side_con_icon01.png) no-repeat center center;
height: 27px;
width: 14px;
margin-right: 5px;
vertical-align: top;
display: inline-block;
}
.suspension .d-qrcode {
text-align: center;
}
.suspension .d-qrcode .inner-box {
padding: 20px 0;
}
.suspension .d-qrcode p {
font-size: 16px;
color: #93959c;
}
.index1 {
margin: 0 auto 0 auto;
width: 1400px;
overflow: hidden;
}
.index1_left {
width: 765px;
height: 400px;
float: left;
}
.index1_right {
width: 615px;
height: 400px;
float: right;
}
.index_news {
width: calc(100% - 60px);
overflow: hidden;
background: #721714;
height: 340px;
padding: 30px;
}
.lable1 {
overflow: hidden;
height: 50px;
margin: 0 0 10px 0;
}
.index_title1 {
display: block;
float: left;
width: 50%;
height: 40px;
}
.index_title1 h2 {
color: #fff;
display: inline-block;
height: 40px;
line-height: 40px;
font-size: 28px;
position: relative;
padding: 0 25px;
}
.index_title1 h2:before {
display: block;
position: absolute;
width: 15px;
height: 40px;
background: url("../pcimages/title_icon1.png") no-repeat left center;
background-size: auto 40px;
content: "";
left: 0;
top: 0;
}
.index_title1 h2:after {
display: block;
position: absolute;
width: 15px;
height: 40px;
background: url("../pcimages/title_icon1.png") no-repeat right center;
background-size: auto 40px;
content: "";
right: 0;
top: 0;
transform: scaleX(-1);
}
.index_more1 {
display: block;
float: right;
width: 98px;
height: 40px;
}
.index_more1 a {
display: block;
height: 30px;
line-height: 30px;
text-align: center;
position: relative;
color: #fff;
font-size: 18px;
}
.index_more1 a:hover {
display: block;
height: 30px;
line-height: 30px;
text-align: center;
position: relative;
color: #f6bf1e;
}
.index_more1 a:before {
display: block;
position: absolute;
width: 24px;
height: 30px;
background: url("../pcimages/more_icon1.png") no-repeat left center;
content: "";
left: 0;
top: 0;
transform: scaleX(-1);
}
.index_more1 a:after {
display: block;
position: absolute;
width: 24px;
height: 30px;
background: url("../pcimages/more_icon1.png") no-repeat right center;
content: "";
right: 0;
top: 0;
}
.index_news_list1 {
padding: 0 0 10px 0;
border-bottom: rgba(255, 255, 255, 0.4) solid 1px;
margin: 15px 0 10px 0;
}
.index_news_list1 li {
padding: 10px 0;
overflow: hidden;
}
.index_news_list1 li a {
display: block;
padding: 0 0 0 25px;
background: url("../pcimages/news_title_icon1.png") no-repeat left center;
background-size: auto 17px;
line-height: 1.2;
color: #fff;
}
.index_news_list1 li a:hover {
color: #f6bf1e !important;
}
.index_news_list2 li a:hover {
color: #f6bf1e !important;
}
.index_news_list2 {
overflow: hidden;
}
.index_news_list2 li {
padding: 9px 0;
overflow: hidden;
display: flex;
align-items: center;
}
.index_news_list2 li a {
display: block;
padding: 0 0 0 20px;
line-height: 1;
position: relative;
float: left;
width: calc(100% - 30px);
color: #fff;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.index_news_list2 li a:hover {
color: #f6bf1e;
}
.index_news_list2 li a .span1 {
display: inline-block;
padding: 3px;
line-height: 1;
background: #c23937;
margin: 0 0 0 10px;
border-radius: 4px;
color: #fff;
font-size: 14px;
}
.index_news_list2 li a:before {
display: block;
position: absolute;
width: 5px;
height: 5px;
background: #fff;
content: "";
left: 0;
top: 40%;
}
.index_news_list2 li .date1 {
display: block;
float: right;
line-height: 1;
border: #fff solid 1px;
text-align: center;
color: #fff;
border-radius: 4px;
padding: 2px;
width: 120px;
}
.index_news_list2 li .date2 {
display: block;
float: right;
width: 100px;
line-height: 1;
text-align: right;
color: #fff;
}
.index_news_pic1 {
widht: 100%;
height: 400px;
overflow: hidden;
}
.slideBox {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}
.slideBox .hd {
height: 15px;
overflow: hidden;
position: absolute;
left: 50%;
bottom: 20px;
z-index: 1;
transform: translateX(-50%)
}
.slideBox .hd ul {
overflow: hidden;
zoom: 1;
float: left;
}
.slideBox .hd ul li {
float: left;
margin-right: 5px;
width: 8px;
height: 8px;
line-height: 8px;
text-align: center;
cursor: pointer;
border: #fff solid 1px;
border-radius: 50%;
}
.slideBox .hd ul li.on {
background: #fff;
color: #fff;
}
.slideBox .bd {
position: relative;
height: 100%;
z-index: 0;
}
.slideBox .bd li {
zoom: 1;
vertical-align: middle;
position: relative;
}
.slideBox .bd .a1 {
width: 100%;
height: 100%;
overflow: hidden;
}
.slideBox .bd .a1:after {
position: absolute;
width: 100%;
height: 40%;
content: "";
left: 0;
bottom: 0;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}
.slideBox .bd .a2 {
position: absolute;
left: 0;
bottom: 50px;
width: 100%;
height: 40px;
line-height: 40px;
text-align: center;
overflow: hidden;
color: #fff;
}
.slideBox .bd img {
width: 100%;
height: 100%;
display: block;
}
.index2 {
margin: 20px auto 0 auto;
width: 1400px;
overflow: hidden;
}
.index2_left {
width: 680px;
height: 385px;
float: left;
}
.index2_right {
width: 720px;
height: 385px;
float: right;
}
.index_history {
width: calc(100% - 60px);
overflow: hidden;
background: #721714;
height: 325px;
padding: 30px 30px;
background: url("../pcimages/history_background.jpg") no-repeat top center;
background-size: cover;
}
.index_history_con {
color: #fff;
line-height: 1.5;
}
.index_history_con p {
margin: 0 0 10px 0;
line-height: 1.7;
}
.index_history_list {
height: 385px;
width: 100%;
overflow: hidden;
}
.index_history_list li {
width: 20%;
float: left;
height: 385px;
overflow: hidden;
}
.index_history_list li a {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}
.index_history_list li a img {
width: 100%;
height: 100%;
}
.index_history_list li:nth-child(1) a {
background: url("../pcimages/index_history1_1.jpg") no-repeat left top;
background-size: 100% 100%;
}
.index_history_list li:nth-child(2) a {
background: url("../pcimages/index_history2_1.jpg") no-repeat left top;
background-size: 100% 100%;
}
.index_history_list li:nth-child(3) a {
background: url("../pcimages/index_history3_1.jpg") no-repeat left top;
background-size: 100% 100%;
}
.index_history_list li:nth-child(4) a {
background: url("../pcimages/index_history4_1.jpg") no-repeat left top;
background-size: 100% 100%;
}
.index_history_list li:nth-child(5) a {
background: url("../pcimages/index_history5_1.jpg") no-repeat left top;
background-size: 100% 100%;
}
.index_history_list li:nth-child(1) a:after {
background: url("../pcimages/index_history1_2.jpg") no-repeat left top;
background-size: 100% 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
content: "";
transition: all 300ms ease-in-out;
}
.index_history_list li:nth-child(2) a:after {
background: url("../pcimages/index_history2_2.jpg") no-repeat left top;
background-size: 100% 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
content: "";
transition: all 300ms ease-in-out;
}
.index_history_list li:nth-child(3) a:after {
background: url("../pcimages/index_history3_2.jpg") no-repeat left top;
background-size: 100% 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
content: "";
transition: all 300ms ease-in-out;
}
.index_history_list li:nth-child(4) a:after {
background: url("../pcimages/index_history4_2.jpg") no-repeat left top;
background-size: 100% 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
content: "";
transition: all 300ms ease-in-out;
}
.index_history_list li:nth-child(5) a:after {
background: url("../pcimages/index_history5_2.jpg") no-repeat left top;
background-size: 100% 100%;
position: absolute;
top: 0;
left: 0;
opacity: 0;
width: 100%;
height: 100%;
content: "";
transition: all 300ms ease-in-out;
}
.index_history_list li:nth-child(1):hover a:after {
opacity: 1;
transform: translateX(0%);
}
.index_history_list li:nth-child(2):hover a:after {
opacity: 1;
transform: translateX(0%);
}
.index_history_list li:nth-child(3):hover a:after {
opacity: 1;
transform: translateX(0%);
}
.index_history_list li:nth-child(4):hover a:after {
opacity: 1;
transform: translateX(0%);
}
.index_history_list li:nth-child(5):hover a:after {
opacity: 1;
transform: translateX(0%);
}
.index3 {
margin: 20px auto 0 auto;
width: 1400px;
overflow: hidden;
}
.index_renwu {
background: #32516b;
width: 100%;
padding: 30px 0;
}
.lable2 {
overflow: hidden;
height: 40px;
margin: 0 0 15px 0;
padding: 0 30px;
}
.index_more2 {
display: block;
float: right;
width: 135px;
height: 40px;
}
.index_more2 a {
display: block;
height: 30px;
line-height: 30px;
text-align: center;
position: relative;
color: #fff;
font-size: 18px;
}
.index_more2 a:hover {
display: block;
height: 30px;
line-height: 30px;
text-align: center;
position: relative;
color: #f6bf1e;
}
.index_more2 a:before {
display: block;
position: absolute;
width: 24px;
height: 30px;
background: url("../pcimages/more_icon1.png") no-repeat left center;
content: "";
left: 0;
top: 0;
transform: scaleX(-1);
}
.index_more2 a:after {
display: block;
position: absolute;
width: 24px;
height: 30px;
background: url("../pcimages/more_icon1.png") no-repeat right center;
content: "";
right: 0;
top: 0;
}
.index_renwu_con {
width: 100%;
margin: 15px 0 0 0;
position: relative;
padding: 0 55px;
box-sizing: border-box;
}
.index_renwu_list {
width: 100%;
overflow: hidden;
}
.index_renwu_list li {
float: left;
margin: 0 20px 0 0;
}
.scroll-img {
width: 100%;
height: 215px;
overflow: hidden;
font-size: 0;
padding: 24px 0;
position: relative;
}
.scroll-img ul {
width: 1400px;
height: 600px;
margin: 0;
}
.scroll-img ul li {
/*display: inline-block;*/
margin: 0 24px 25px 0;
width: 154px;
height: 215px;
/* background:#fff;*/
float: left;
position: relative;
}
.scroll-img ul li .p1 {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.scroll-img ul li .p2 {
width: calc(100% - 24px);
height: 40px;
position: absolute;
left: 0;
bottom: 0;
padding: 15px 10px 0 10px;
/*background:linear-gradient(to bottom, rgba(37,60,81,0), rgba(37,60,81,0.8));*/
background: rgba(37, 60, 81, 0.8);
opacity: 0;
cursor: pointer;
transition: transform 0.3s;
}
.scroll-img ul li:hover .p2 {
opacity: 1;
transform: scale(1.2);
left: 2px;
bottom: -20px;
}
.scroll-img ul li .p2 .span1 {
display: block;
color: #FFFFFF;
font-size: 20px;
font-weight: 600;
text-align: center;
}
.scroll-img ul li .p2 .span2 {
display: block;
color: #FFFFFF;
font-size: 14px;
line-height: 1.5;
text-align: center;
}
.scroll-img ul li .a1 {
display: block;
width: 100%;
height: 100%;
}
.scroll-img ul li .a1 img {
width: 100%;
height: 100%;
border: #fff solid 2px;
box-sizing: border-box;
box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3);
transition: transform 0.3s;
}
.scroll-img ul li:hover a img {
transform: scale(1.2);
}
#demo5.scroll-img ul {
width: 2800px;
}
#demo5-btn {
/*width: 680px;
padding-top: 10px;*/
}
.text-center {
position: absolute;
width: 100%;
height: 40px;
top: 45%;
left: 0;
z-index: 10;
}
.text-center button {
background: none;
border: none;
}
.text-center a {
/*display:block;
position: absolute;
width:65px;
height:263px;
top:0;
left:0;*/
}
.text-center .btn1 {
display: block;
position: absolute;
width: 35px;
height: 35px;
top: 50%;
left: 10px;
background: url("../pcimages/arrow_left1.png") no-repeat left top;
background-size: 100% 100%;
transform: translateY(-50%);
}
.text-center .btn2 {
display: block;
position: absolute;
width: 35px;
height: 35px;
top: 50%;
right: 10px;
background: url("../pcimages/arrow_right1.png") no-repeat left top;
background-size: 100% 100%;
transform: translateY(-50%);
}
.index4 {
margin: 20px auto 0 auto;
width: 1400px;
overflow: hidden;
}
.index_work {
background: #b98447;
width: 100%;
padding: 30px 0 0 0;
}
.index_work_con {
background: #fff;
padding: 5px 0 0 0;
}
.index_work_list {
overflow: hidden;
}
.index_work_list li {
width: 19.2%;
float: left;
margin: 0 1% 0 0;
height: 0;
padding-top: 22.86%;
position: relative;
overflow: hidden;
}
.index_work_list li:last-child {
margin: 0 0 0 0;
}
.index_work_list li a {
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
}
.index_work_list li a img {
width: 100%;
height: 100%;
}
.index5 {
margin: 20px auto 0 auto;
width: 1400px;
overflow: hidden;
}
.index_vr {
width: calc(100% - 60px);
overflow: hidden;
background: #6d8c48;
height: 340px;
padding: 30px;
}
.slideBox2 {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}
.slideBox2 .hd {
height: 15px;
overflow: hidden;
position: absolute;
left: 50%;
bottom: 20px;
z-index: 1;
transform: translateX(-50%)
}
.slideBox2 .hd ul {
overflow: hidden;
zoom: 1;
float: left;
}
.slideBox2 .hd ul li {
float: left;
margin-right: 10px;
width: 8px;
height: 8px;
line-height: 8px;
text-align: center;
cursor: pointer;
border: #fff solid 1px;
border-radius: 50%;
}
.slideBox2 .hd ul li.on {
background: #fff;
color: #fff;
}
.slideBox2 .bd {
position: relative;
height: 100%;
z-index: 0;
width: 100%;
}
.slideBox2 .bd ul {
width: 100%;
height: 100%;
}
.slideBox2 .bd li {
zoom: 1;
vertical-align: middle;
width: 100%;
height: 100%;
position: relative;
}
.slideBox2 .bd li a {
display: block;
width: 100%;
height: 100%;
}
.slideBox2 .bd .a1 {
width: 100%;
height: 100%;
overflow: hidden;
}
.slideBox2 .bd .a1:after {
position: absolute;
width: 100%;
height: 40%;
content: "";
left: 0;
bottom: 0;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}
.slideBox2 .bd .a2 {
position: absolute;
left: 0;
bottom: 50px;
width: 100%;
height: 40px;
line-height: 40px;
text-align: center;
overflow: hidden;
color: #fff;
font-size: 18px;
font-weight: 600;
}
.slideBox2 .bd img {
width: 100%;
height: 100%;
display: block;
}
.index6 {
margin: 20px auto 0 auto;
width: 1400px;
overflow: hidden;
}
.index6_left {
width: 700px;
height: 400px;
float: left;
}
.index6_right {
width: 700px;
height: 400px;
float: right;
}
.index_yunyixun_list3 li {
padding: 8px 0 8px 0;
overflow: hidden;
}
.index_yunyixun_list3 li a {
display: block;
padding: 0 0 0 20px;
line-height: 1;
position: relative;
float: left;
width: calc(100% - 125px);
}
.index_yunyixun_list3 li a:hover {
color: #c23937;
}
.index_yunyixun_list3 li a .span1 {
display: inline-block;
padding: 4px;
line-height: 1;
background: #c23937;
margin: 0 0 0 10px;
border-radius: 4px;
color: #fff;
font-size: 14px;
}
.index_yunyixun_list3 li a:before {
display: block;
position: absolute;
width: 5px;
height: 5px;
background: #333;
content: "";
left: 0;
top: 40%;
}
.index_yunyixun_list3 li .date1 {
display: block;
float: right;
width: 100px;
line-height: 1;
text-align: right;
}
.index_yunyixun_right {
width: 400px;
float: right;
height: 480px;
overflow: hidden;
}
.index_shuziwenwuku {
width: 100%;
height: 450px;
overflow: hidden;
margin: 30px 0 0 0;
}
.fold_wrap {
width: 100%;
height: 100%;
margin: 0 auto 0 auto;
overflow: hidden;
}
.fold_wrap li {
float: left;
width: 130px;
height: 100%;
position: relative;
overflow: hidden;
cursor: pointer;
}
.fold_wrap li .mask_b {
position: absolute;
overflow: hidden;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, .3);
_background: #B2B2B2;
}
/*.fold_wrap li.active .mask_b{background:none;}*/
.fold_wrap li .mask_b h3 {
color: #fff;
width: 100%;
display: block;
font-size: 24px;
position: absolute;
bottom: 50px;
left: 0;
text-align: center;
}
.fold_wrap li.big {
width: 322px;
}
/*.fold_wrap li .adv_intro{ width:92%; height:40px; padding:5px 4%; position:absolute;left:0; bottom:-50px;background:#37D; color:#FFF; overflow:hidden;}*/
/*.adv_intro_show{bottom:0 !important; transition:bottom 0.3s linear 0.3s; -webkit-transition:bottom 0.3s linear 0.3s;}*/
.pic_auto {
width: 100%;
height: 100%;
}
/*.pic_auto1{background:url(/images/shuziwenwuku_pic1.jpg) no-repeat center top;background-size:cover;}
.pic_auto2{background:url(/images/shuziwenwuku_pic2.jpg) no-repeat center top;background-size:cover;}
.pic_auto3{background:url(/images/shuziwenwuku_pic3.jpg) no-repeat center top;background-size:cover;}
*/
.index_shuicaiting {
width: 100%;
height: 400px;
overflow: hidden;
}
.index_vryunshuicai {
width: calc(100% - 60px);
height: 470px;
overflow: hidden;
margin: 30px 0 0 0; /*background:#f8f3e9;*/
padding: 30px;
background: url(../pcimages/index_newsbg2.jpg) no-repeat left top;
background-size: cover;
}
.index_meiyujiangtang {
width: calc(100% - 60px);
overflow: hidden; /*background:#f8f3e9;*/
height: 395px;
padding: 40px 30px;
background: url(../pcimages/index_newsbg3.jpg) no-repeat left top;
background-size: cover;
}
.index_dakajiangtang {
width: 100%;
height: 400px;
overflow: hidden;
}
.clearfix::after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
.clearfix {
}
/* 蹇呰甯冨眬鏍峰紡css */
/*.module-banner {
background: #f5f5f5;
padding: 80px 0;
}*/
.module-banner-box {
/*width: 1180px;*/
width: 100%;
/*background: #f5f5f5;
margin: 0 auto;*/
height: 100%;
position: relative;
}
/*.module-banner-head {
font-weight: normal;
text-align: center;
margin-bottom: 40px;
color: #333;
}
.module-banner-head em {
display: block;
margin-bottom: 14px;
font-style: normal;
font-size: 30px;
}
.module-banner-head span {
font-size: 16px;
opacity: .6;
}*/
.module-banner-tab {
width: 100%;
height: 100%;
}
.module-banner-tab-list {
float: left;
width: 80px;
}
.module-banner-tab-list .module-tab-nav li:nth-child(1) {
background: #721713;
/*background:#dffeff url("../images/meiyu_bg1.png") no-repeat center bottom;*/
}
.module-banner-tab-list .module-tab-nav li:nth-child(2) {
background: #253c51;
/*background:#fffddd url("../images/meiyu_bg1.png") no-repeat center bottom;*/
}
.module-banner-tab-list .module-tab-nav li:nth-child(3) {
background: #ffffff;
/*background:#ffffff url("../images/meiyu_bg1.png") no-repeat center bottom;*/
}
/*.module-banner-tab-list .module-tab-nav li:nth-child(4) {
background: #2b2b2b;
}
.module-banner-tab-list .module-tab-nav li:nth-child(5) {
background: #212121;
}
.module-banner-tab-list .module-tab-nav li:nth-child(6) {
background: #1a1a1a;
}*/
.module-banner-tab-list ul li {
color: #fff;
width: 80px;
height: 80px;
cursor: pointer;
/*text-align: center;
white-space: nowrap;*/
position: relative;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
/*border-radius:20px 0 0 20px;*/
}
.module-banner-tab-list ul li p {
margin: 0 0 0 0;
/*line-height: 80px;*/
padding: 15px 0 0 0;
writing-mode: vertical-rl;
font-size: 28px;
text-align: center;
line-height: 80px;
letter-spacing: 5px;
display: none;
}
.module-banner-tab-list ul li i {
/*width: 40px;
height: 80px;*/
/*display: none;*/
display: inline-block;
margin: 22px 0 0 25px;
width: 35px;
height: 35px;
}
.module-banner-tab .module-banner-tab-list .module-tab-nav .on {
opacity: 1;
height: 320px;
/*background-image: -webkit-linear-gradient(left, #01c2e6 0%, #1160ff 100%);
background-image: -moz-linear-gradient(left, #01c2e6 0%, #1160ff 100%);
background-image: -moz-linear-gradient(to right, #01c2e6 0%, #1160ff 100%);
background-image: -o-linear-gradient(to right, #01c2e6 0%, #1160ff 100%);
background-image: linear-gradient(to right, #01c2e6 0%, #1160ff 100%);
background-repeat: repeat;*/
}
.module-banner-tab .module-banner-tab-list .module-tab-nav li:nth-child(1).on {
background: #721713;
}
.module-banner-tab .module-banner-tab-list .module-tab-nav li:nth-child(2).on {
background: #253c51;
}
.module-banner-tab .module-banner-tab-list .module-tab-nav li:nth-child(3).on {
background: #ffffff;
}
/*.module-banner-tab .module-banner-tab-list .module-tab-nav .on .icon {
display: inline-block;
margin:20px 0 0 17px;
width:47px;
height:47px;
}*/
.module-banner-tab .module-banner-tab-list .module-tab-nav .on .tab_text {
display: block;
margin: 0 0 0 0;
padding: 10px 0 0 0;
writing-mode: vertical-rl;
font-size: 28px;
text-align: center;
line-height: 80px;
letter-spacing: 5px;
}
.module-banner-tab .module-banner-tab-list .module-tab-nav li:hover {
/*background-image: -webkit-linear-gradient(left, rgba(1, 194, 230, 0.4) 0%, rgba(17, 96, 255, 0.4) 100%);
background-image: -moz-linear-gradient(left, rgba(1, 194, 230, 0.4) 0%, rgba(17, 96, 255, 0.4) 100%);
background-image: -moz-linear-gradient(to right, rgba(1, 194, 230, 0.4) 0%, rgba(17, 96, 255, 0.4) 100%);
background-image: -o-linear-gradient(to right, rgba(1, 194, 230, 0.4) 0%, rgba(17, 96, 255, 0.4) 100%);
background-image: linear-gradient(to right, rgba(1, 194, 230, 0.4) 0%, rgba(17, 96, 255, 0.4) 100%);
background-repeat: repeat;*/
}
.module-banner-tab .module-banner-tab-list .module-tab-nav .on:hover {
opacity: 1;
height: 320px;
}
.icon-warehouse01 {
background: url(../pcimages/meiyu_icon1.png) no-repeat center center;
backgound-size: 35px 35px;
}
.icon-warehouse02 {
background: url(../pcimages/meiyu_icon2.png) no-repeat center center;
backgound-size: 35px 35px;
}
.icon-warehouse03 {
background: url(../pcimages/meiyu_icon3.png) no-repeat center center;
backgound-size: 35px 35px;
}
.module-banner-tab-list-box {
float: right;
/*width: 900px;*/
width: calc(100% - 80px);
height: 100%;
background: #fff;
/*padding: 40px;*/
overflow: hidden;
position: relative;
}
.module-tab-box-ma {
/*width: 820px;*/
width: 100%;
height: 100%;
overflow: hidden;
opacity: 1;
z-index: 1;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s;
-ms-transition: opacity 0.5s;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
position: absolute;
}
.module-tab-box-ma .li1 {
width: 100%;
height: 100%;
}
.slideBox3 {
width: 100%;
height: 100%;
overflow: hidden;
position: relative;
}
.slideBox3 .hd {
height: 15px;
overflow: hidden;
position: absolute;
right: 30px;
bottom: 20px;
z-index: 1; /*transform:translateX(-50%);*/
display: none;
}
.slideBox3 .hd ul {
overflow: hidden;
zoom: 1;
float: left;
}
.slideBox3 .hd ul li {
float: left;
margin-right: 5px;
width: 8px;
height: 8px;
line-height: 8px;
text-align: center;
cursor: pointer;
border: #fff solid 1px;
border-radius: 50%;
}
.slideBox3 .hd ul li.on {
background: #fff;
color: #fff;
}
.slideBox3 .bd {
position: relative;
height: 100%;
z-index: 0;
}
.slideBox3 .bd li {
zoom: 1;
vertical-align: middle;
position: relative;
width: 100%;
height: 400px;
}
.slideBox3 .bd .a1 {
width: 100%;
height: 100%;
overflow: hidden;
}
.slideBox3 .bd .a1:after {
position: absolute;
width: 100%;
height: 40%;
content: "";
left: 0;
bottom: 0;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}
.slideBox3 .bd .a2 {
position: absolute;
left: 0;
bottom: 15px;
width: calc(100% - 30px);
height: 30px;
line-height: 30px;
text-align: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: #fff;
font-size: 16px;
padding: 0 0 0 30px;
}
.slideBox3 .bd img {
width: 100%;
height: 100%;
display: block;
}
.slideBox3 .prev {
display: block;
height: 30px;
width: 30px;
overflow: hidden;
position: absolute;
right: 80px;
bottom: 20px;
z-index: 1;
background: url("../pcimages/meiyu_arrowleft.png") no-repeat center center;
background-size: 28px 28px;
content: "";
}
.slideBox3 .next {
display: block;
height: 30px;
width: 30px;
overflow: hidden;
position: absolute;
right: 40px;
bottom: 20px;
z-index: 1;
background: url("../pcimages/meiyu_arrowright.png") no-repeat center center;
background-size: 28px 28px;
content: "";
}
.index3_left {
width: 1050px;
height: 400px;
float: left;
overflow: hidden;
}
.index_shuicaiwenchuang {
width: 100%;
height: 100%;
overflow: hidden;
}
.fold_wrap2 {
width: 100%;
height: 100%;
margin: 0 auto 0 auto;
overflow: hidden;
}
.fold_wrap2 li {
float: left;
width: 130px;
height: 100%;
position: relative;
overflow: hidden;
cursor: pointer;
}
.fold_wrap2 li .mask_b2 {
position: absolute;
overflow: hidden;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, .3);
_background: #B2B2B2;
}
.fold_wrap2 li .mask_b2 h3 {
color: #fff;
width: 100%;
display: block;
font-size: 24px;
position: absolute;
bottom: 50px;
left: 0;
text-align: center;
}
.fold_wrap2 li.big {
width: 322px;
}
.pic_auto2 {
width: 100%;
height: 100%;
}
.index3_right {
width: 520px;
height: 400px;
float: right;
overflow: hidden;
background: #f8f3e9;
position: relative;
}
.index_wenchuangyansheng {
padding: 30px;
background: url(../pcimages/index_newsbg4.jpg) no-repeat left top;
background-size: 100% 100%;
}
.index_wenchuangyansheng_button {
height: 140px;
overflow: hidden;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
background: #c2b49d;
}
.index_wenchuangyansheng_button ul li {
float: left;
width: 33.33%;
height: 140px;
border-right: #dbc7ac solid 2px;
box-sizing: border-box;
background: url(../pcimages/button1.jpg) no-repeat left center;
background-size: 100% 100%;
position: relative;
overflow: hidden;
transition: all ease 0.4s;
}
.index_wenchuangyansheng_button ul li:nth-child(2) {
background: url(../pcimages/button2.jpg) no-repeat left center;
background-size: 100% 100%;
position: relative;
}
.index_wenchuangyansheng_button ul li:last-child {
float: right;
background: url(../pcimages/button3.jpg) no-repeat left center;
background-size: 100% 100%;
border-right: #dbc7ac solid 0px;
box-sizing: border-box;
}
.index_wenchuangyansheng_button ul li a {
display: block;
width: 100%;
text-align: center;
font-size: 24px;
line-height: 1;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
transition: all ease 0.4s;
}
.index_wenchuangyansheng_button ul li:hover {
background-size: 110% 110%;
}
.index_wenchuangyansheng_button ul li:hover a {
transform: translateY(-30%);
color: #b60f0f;
}
.index_buttonlist {
overflow: hidden;
height: 286px;
}
.index_buttonlist li {
width: 25%;
height: 221px;
float: left;
overflow: hidden;
background: url(../pcimages/wenchuang_bg1.jpg) no-repeat left center;
background-size: cover;
text-align: center;
padding: 65px 0 0 0;
cursor: pointer;
}
.index_buttonlist li:nth-child(2) {
background: url(../pcimages/wenchuang_bg2.jpg) no-repeat left center;
background-size: cover;
}
.index_buttonlist li:nth-child(3) {
background: url(../pcimages/wenchuang_bg3.jpg) no-repeat left center;
background-size: cover;
}
.index_buttonlist li:nth-child(4) {
background: url(../pcimages/wenchuang_bg4.jpg) no-repeat left center;
background-size: cover;
}
.index_buttonlist li .a1 {
display: block;
height: 127px;
width: 127px;
margin: 0 auto 20px auto;
box-shadow: 0px 0px 10px 10px rgba(0, 0, 0, 0.1);
border-radius: 15px;
transition: all ease 0.4s;
}
.index_buttonlist li .a2 {
display: block;
color: #fff;
font-size: 24px;
text-align: center;
text-shadow: 5px 5px rgba(0, 0, 0, 0.1);
transition: all ease 0.4s;
}
.index_buttonlist li:hover .a1 {
transform: scale(1.15, 1.15);
}
.index_buttonlist li:hover .a2 {
transform: translateY(-5px);
}
/*鍐呴〉閮ㄥ垎*/
.main_con { /*background:#f9fbfe;*/
width: 1400px;
margin: 50px auto 60px auto;
}
.breadcrumb {
height: 50px;
color: #FFF;
line-height: 50px;
}
.breadcrumb a { /*display:inline-block;*/
color: #fff;
line-height: 40px;
height: 40px;
font-size: 16px;
}
.breadcrumb a:hover {
color: #24b7ed;
}
.breadcrumb span { /*display:inline-block;*/
color: #FFF;
text-align: center;
padding: 0 20px; /*width:24px;*/
height: 40px;
background: url(../pcimages/arrow_icon1.png) no-repeat center center; /*background-size:auto 8px;*/
}
/*鏂伴椈璧勮*/
.title1 {
padding: 20px 30px 70px 30px;
text-align: center;
overflow: hidden;
}
.newstitle1 {
display: inline-block;
color: #fff;
font-size: 24px;
padding: 0 30px;
position: relative;
line-height: 45px;
}
.newstitle1:before {
display: block;
position: absolute;
width: 15px;
height: 45px;
background: url(../pcimages/title_icon1.png) no-repeat left center;
background-size: auto 45px;
content: "";
left: 0;
top: 0;
}
.newstitle1:after {
display: block;
position: absolute;
width: 15px;
height: 45px;
background: url("../pcimages/title_icon1.png") no-repeat left center;
background-size: auto 45px;
content: "";
right: 0;
top: 0;
transform: scaleX(-1);
}
.news_piclist1 {
margin: 0 0 70px 0;
width: 100%;
overflow: hidden;
}
.title1 .p1 {
padding: 15px 0 0 0;
font-size: 14px;
line-height: 1.8;
color: #FFF;
}
.title1 .p2 {
font-size: 14px;
line-height: 1.8;
color: #FFF;
}
.news_list1 {
border-top: #bbb solid 1px;
}
.news_list1 li {
border-bottom: #bbb solid 1px;
padding: 25px 15px 25px 0px;
line-height: 1.5;
color: #fff;
overflow: hidden;
}
.news_list1 li a {
display: block;
padding: 0 0 0 30px;
line-height: 1.5;
position: relative;
float: left;
width: calc(100% - 155px);
background: url("../pcimages/icon3.png") no-repeat left center;
color: #000;
font-size: 18px;
}
.news_list1 li a:hover {
color: #c19541;
}
.news_list1 li a .span1 {
display: inline-block;
padding: 4px;
line-height: 1;
background: #b60f0f;
margin: 0 0 0 10px;
border-radius: 4px;
color: #fff;
font-size: 14px;
}
.news_list1 li .date1 {
display: block;
float: right;
width: 100px;
line-height: 1.5;
text-align: right;
color: #000;
font-size: 16px;
}
.page {
margin: 30px 0 0 0;
text-align: center;
}
.page a {
display: inline-block;
color: #000;
margin: 0 5px;
width: 40px;
height: 40px;
line-height: 40px;
}
.page a.on {
background: #c19541;
color: #fff;
border-radius: 50%;
}
.page a:hover {
color: #b60f0f;
}
.page span {
display: inline-block;
color: #000;
margin: 0 5px;
width: 40px;
height: 40px;
line-height: 40px;
}
.page .but_next {
display: inline-block;
background: url("../pcimages/but_arrow1.png") no-repeat center center;
width: 40px;
height: 40px;
line-height: 40px;
}
.page .input1 {
display: inline-block;
width: 60px;
height: 30px;
border: #c19541 solid 1px;
border-right: #c19541 solid 0px;
background: rgba(255, 255, 255, 0);
color: #c19541;
padding: 0 5px;
box-sizing: border-box;
margin: 1px 0 0 0;
}
.page a.a1 {
display: inline-block;
margin: 0 0;
width: 45px;
height: 30px;
line-height: 30px;
background: #c19541;
text-align: center;
color: #fff;
border: #c19541 solid 1px;
border-top: #c19541 solid 0px;
}
.newsBox {
width: 100%;
height: 700px;
overflow: hidden;
position: relative;
}
.newsBox .hd {
height: 15px;
overflow: hidden;
position: absolute;
left: 50%;
bottom: 20px;
z-index: 1;
transform: translateX(-50%)
}
.newsBox .hd ul {
overflow: hidden;
zoom: 1;
float: left;
}
.newsBox .hd ul li {
float: left;
margin-right: 10px;
width: 8px;
height: 8px;
line-height: 8px;
text-align: center;
cursor: pointer;
border: #fff solid 1px;
border-radius: 50%;
}
.newsBox .hd ul li.on {
background: #fff;
color: #fff;
}
.newsBox .bd {
position: relative;
height: 700px;
z-index: 0;
width: 100%;
}
.newsBox .bd ul {
height: 100%;
width: 100%;
overflow: hidden;
}
.newsBox .bd li {
zoom: 1;
vertical-align: middle;
position: relative;
height: 100%;
width: 100%;
}
.newsBox .bd li a {
display: block;
}
.newsBox .bd .a1 {
width: 100%;
height: 100%;
overflow: hidden;
}
.newsBox .bd .a1:after {
position: absolute;
width: 100%;
height: 40%;
content: "";
left: 0;
bottom: 0;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}
.newsBox .bd .a2 {
position: absolute;
left: 0;
bottom: 60px;
width: 100%;
height: 40px;
line-height: 40px;
text-align: center;
overflow: hidden;
color: #fff;
font-size: 20px;
}
.newsBox .bd img {
width: 100%;
height: 700px;
}
.newsBox .prev {
position: absolute;
left: 0;
top: 0;
display: block;
width: 100px;
height: 100%;
background: url(../pcimages/slider-arrowleft.png) no-repeat center center;
filter: alpha(opacity=40);
opacity: 0.4;
}
.newsBox .next {
position: absolute;
right: 0;
top: 0;
display: block;
width: 100px;
height: 100%;
background: url(../pcimages/slider-arrowright.png) no-repeat center center;
filter: alpha(opacity=40);
opacity: 0.4;
}
.newsBox .prev:hover,
.newsBox .next:hover {
filter: alpha(opacity=100);
opacity: 1;
}
.newsBox .prevStop {
display: none;
}
.newsBox .nextStop {
display: none;
}
.news_con1 {
background: #f8f3e9;
padding: 60px 50px;
border-radius: 5px;
margin: 15px 0 0 0;
min-height: 100vh;
}
.article_title1 {
text-align: center;
font-size: 24px;
color: #222;
line-height: 1.5;
}
.article_view1 {
margin: 10px 0 20px 0;
padding: 0 0 20px 0;
text-align: center;
border-bottom: #ccc dotted 1px;
}
.article_con1 {
margin: 20px 0 0 0;
line-height: 2.5;
}
.article_con1 p {
margin: 0 0 20px 0;
line-height: 2.5;
}
.article_share {
margin: 40px 0 0 0;
line-height: 40px;
}
.article_share .span1 {
display: inline-block;
width: 40px;
height: 40px;
border: #2b4541 solid 1px;
border-radius: 50%;
line-height: 40px;
text-align: center;
margin: 0 8px;
}
.article_share .span1 img {
display: inline-block;
width: 20px;
height: auto;
vertical-align: middle;
}
.news_list2 {
overflow: hidden;
}
.news_list2 li {
overflow: hidden;
float: left;
width: 32%;
margin: 30px 2% 40px 0;
border: #e7e7e7 solid 1px;
height: 360px;
box-sizing: border-box;
}
.news_list2 li:nth-child(3n) {
margin: 30px 0 40px 0;
}
.news_list2_pic1 {
height: 235px;
}
.news_list2_pic1 a {
overflow: hidden;
height: 100%;
width: 100%;
display: block;
}
.news_list2_pic1 a img {
height: 100%;
width: 100%;
}
.news_list2_text1 {
padding: 25px;
color: #000;
}
.news_list2_text1 .p1 {
margin: 0 0 10px 0;
}
.news_list2_text1 .p1 a {
color: #000;
font-size: 18px;
}
.news_list2_text1 .p2 {
font-size: 14px;
line-height: 2;
}
.news_list2_text1 .p2 span {
display: inline-block;
margin: 0 0 0 10px;
}
.news_list2_text1 .p3 {
font-size: 14px;
line-height: 2;
}
.news_list2_text1 .p3 span {
display: inline-block;
margin: 0 0 0 10px;
}
.news_list2_text1 .p3 .span1 {
font-size: 14px;
line-height: 1;
padding: 3px 5px;
background: #b60f0f;
border-radius: 2px;
color: #fff;
}
.news_list2_text1 .p3 .span2 {
font-size: 14px;
line-height: 1;
padding: 3px 5px; /*background:#f8f3e9;border-radius:2px;color:#2b4541;*/
}
/*鍘嗗彶棣�*/
.main_con2 { /*background:#f9fbfe;*/
width: 1400px;
margin: 50px auto 60px auto;
}
.history_img_dec {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
box-sizing: border-box;
/*height: 100px;*/
/*padding-bottom: 15px;*/
padding: 15px;
display: flex;
/*justify-content: center;*/
align-items: end;
/*text-align: center;*/
color: #fff;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
/*background-image: url("../pcimages/box-shadow.png");*/
/*background-size: 100% 100%;*/
font-size: 14px;
}
.history_img_dec2 {
position: absolute;
bottom: 0;
right: 0;
width: 100%;
box-sizing: border-box;
/*height: 100px;*/
/*padding-bottom: 15px;*/
padding: 15px;
display: flex;
/*justify-content: center;*/
align-items: end;
/*text-align: center;*/
color: #fff;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
/*background-image: url("../pcimages/box-shadow.png");*/
/*background-size: 100% 100%;*/
font-size: 14px;
}
.history_img_wrapper {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.text_align_center {
justify-content: center !important;
}
.history_con1 {
overflow: hidden;
margin: 0 0 60px 0;
}
.history_list1 li {
overflow: hidden;
margin: 0 0 10px 0;
}
.history_list1 li:last-child {
margin: 0 0 0 0;
}
.history_list1 li .history_div1 {
height: 280px;
overflow: hidden;
background: #721714;
display: flex;
}
.history_list1 li:nth-child(2n) .history_div1 {
background: #8c600a;
}
.history_list1 li .history_div1_con1 {
height: 280px;
width: 33%;
overflow: hidden;
position: relative;
float: left;
}
.history_list1 li .history_div1_con3 {
flex: 1;
}
.history_list1 li .history_div1_con3 .history_div1_text {
height: 100%;
color: #FFF;
line-height: 1.8;
padding: 30px;
font-size: 14px;
box-sizing: border-box;
text-indent: 2em;
}
.history_list1 li .history_div1_con1 .p1 {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.history_list1 li .history_div1_con1 .p2 {
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 100%;
height: 100px;
line-height: 150px;
color: #fff;
text-align: center;
background-image: url("../pcimages/box-shadow.png");
background-size: 100% 100%;
}
.history_list1 li .history_div1_con2 {
height: 280px;
width: calc(100% - 495px);
overflow: hidden;
position: relative;
float: right;
}
.history_list1 li .history_div1_con2 .history_div1_text {
position: absolute;
top: 50%;
left: 0;
padding: 30px 70px;
width: calc(100% - 140px);
transform: translateY(-50%);
max-height: 220px;
color: #fff;
line-height: 1.8;
font-size: 14px;
overflow: hidden;
}
.history_list1 li:nth-child(2n) .history_div1_con1 {
float: right;
}
.history_list1 li:nth-child(2n) .history_div1_con2 {
float: left;
}
.history_list1 li .history_div2 {
height: 220px;
overflow: hidden;
display: flex;
}
.history_list1 li .history_div2 .history_div1_con4-wrapper {
display: flex;
position: relative;
}
.history_list1 li .history_div2 .history_div1_con4-wrapper .p {
position: absolute;
left: 50%;
bottom: 15px;
transform: translateX(-50%);
color: #fff;
text-align: center;
}
.history_list1 li .history_div1_con4 {
height: 220px;
width: 20%;
overflow: hidden;
position: relative;
background-color: #8c600a;
}
.history_list1 li .history_div1_con4 .history_div1_text {
font-size: 14px;
color: #FFF;
padding: 30px;
line-height: 1.8;
height: 100%;
box-sizing: border-box;
text-indent: 2em;
}
.history_list1 li .history_div1_con4 .p1 {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.history_list1 li .history_div1_con4 .p1 img {
width: 100%;
height: 100%;
}
.history_list1 li .history_div1_con4 .p2 {
position: absolute;
bottom: 15px;
left: 0;
display: block;
width: 100%;
height: 30px;
line-height: 30px;
color: #fff;
text-align: center;
}
.history_list1 li .history_div1_con4 .history_div1_text p {
text-indent: 2em;
line-height: 1.8;
color: #FFF;
font-size: 14px;
}
.history_list1 li .history_div1_con5 {
height: 260px;
width: 20%;
overflow: hidden;
position: relative;
background-color: #8c600a;
}
.history_list1 li .history_div1_con5_m {
display: none;
}
.history_list1 li .history_div1_con5 .p1 {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.history_list1 li .history_div1_con5 .p2 {
position: absolute;
bottom: 15px;
left: 0;
display: block;
width: 100%;
height: 30px;
line-height: 30px;
color: #fff;
text-align: center;
}
.history_con1_1 {
width: calc(50% - 5px);
height: 300px;
float: left;
overflow: hidden;
background: #721714;
margin: 0 0 30px 0;
display: flex;
position: relative;
}
.history2_cont1 {
width: 100%;
height: 100%;
display: flex;
justify-content: space-between;
}
.history_con1_1 .history_con1_1_left {
height: 100%;
position: relative;
width: 225px;
}
.history_con1_1 .history_con1_1_left img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.history_con1_1 .history_con1_1_right {
flex: 1;
height: 100%;
position: relative;
}
.history_con1_1 .history_con1_1_right img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.history_con1_2 {
width: calc(50% - 5px);
height: 300px;
float: right;
overflow: hidden;
background: #721714;
margin: 0 0 30px 0;
display: flex;
}
.history_con1_2 .history_con1_1_left {
height: 100%;
position: relative;
width: 460px;
}
.history_con1_2 .history_con1_1_left img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.history_con1_2 .history_con1_1_right {
flex: 1;
height: 100%;
}
.history_con1_2 .history_con1_1_right .history_div1_text {
height: 100%;
color: #FFF;
line-height: 1.8;
padding: 30px 20px;
font-size: 13px;
box-sizing: border-box;
text-indent: 2em;
}
.history_con1_2_left {
width: 350px;
height: 450px;
float: left;
overflow: hidden;
}
.history_con1_2_left img {
width: 100%;
height: 100%;
}
.history_con1_2_right {
width: calc(100% - 350px);
height: 450px;
float: right;
overflow: hidden;
}
.history_con1_2_right_top {
height: 175px;
overflow: hidden;
color: #fff;
padding: 20px 10px;
line-height: 1.8;
font-size: 14px;
}
.history_con1_2_right_bottom {
width: 100%;
height: 225px;
overflow: hidden;
position: relative;
}
.history_con1_2_right_bottom .p1 {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.history_con1_2_right_bottom .p2 {
position: absolute;
width: 100%;
height: 30px;
bottom: 10px;
left: 0;
color: #fff;
line-height: 30px;
text-align: center;
}
.history_con1_3, .history_con1_4 {
overflow: hidden;
float: left;
display: flex;
flex-direction: column;
width: calc(50% - 5px);
margin-top: -20px;
}
.history_con1_3 .history_con1_3_top {
width: 100%;
padding: 30px;
height: 215px;
box-sizing: border-box;
text-indent: 2em;
line-height: 1.8;
background: #32526b;
color: #FFF;
font-size: 14px;
}
.history_con1_3 .history_con1_3_bottom {
width: 100%;
height: 400px;
display: flex;
}
.history_con1_3 .history_con1_3_bottom2 {
display: none;
}
.history_con1_3 .history_con1_3_bottom .history_con1_3_bottom_left {
height: 100%;
flex: 1;
position: relative;
}
.history_con1_3 .history_con1_3_bottom .history_con1_3_bottom_left img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.history_con1_3 .history_con1_3_bottom .history_con1_3_bottom_right {
height: 100%;
width: 137px;
position: relative;
}
.history_con1_3 .history_con1_3_bottom .history_con1_3_bottom_right img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.history_con1_4 {
display: flex;
flex-direction: column;
justify-content: space-between;
margin-top: -30px;
}
.history_con1_4 .history_con1_4_top {
width: 100%;
height: 422px;
display: flex;
}
.history_con1_4 .history_con1_4_top2 {
display: none;
}
.history_con1_4 .history_con1_4_top .history_con1_4_top_left {
flex: 1;
height: 100%;
position: relative;
}
.history_con1_4 .history_con1_4_top .history_con1_4_top_right {
height: 100%;
position: relative;
width: 430px;
}
.history_con1_4 .history_con1_4_top .history_con1_4_top_left img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.history_con1_4 .history_con1_4_top .history_con1_4_top_right img
{
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.history_con1_4 .history_con1_4_bottom {
width: 100%;
height: 195px;
background-color: #8c600a;
padding: 30px;
box-sizing: border-box;
line-height: 2.2;
color: #FFF;
font-size: 14px;
}
.history_con1_4 .history_con1_4_bottom p {
text-indent: 2em;
}
.history_con1_3_left {
float: left;
overflow: hidden;
width: 1000px;
height: 350px;
}
.history_con1_3_left img {
width: 100%;
height: 100%;
}
.history_con1_3_right {
float: right;
overflow: hidden;
width: calc(100% - 1000px);
height: 350px;
line-height: 2;
color: #fff;
position: relative;
}
.history_con1_3_right .div1 {
position: absolute;
top: 50%;
left: 0;
padding: 0 40px;
transform: translateY(-50%);
}
.history_con1_4_left {
float: left;
overflow: hidden;
width: calc(100% - 645px);
height: 450px;
background: #6d8c48;
}
.history_con1_4_right {
float: right;
overflow: hidden;
width: 615px;
height: 450px;
line-height: 2;
color: #fff;
position: relative;
}
.history_con1_4_list li {
float: left;
overflow: hidden;
width: 300px;
height: 450px;
position: relative;
}
.history_con1_4_list li:nth-child(2) {
float: right;
}
.history_con1_4_list li .p1 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.history_con1_4_list li .p1 img {
width: 100%;
height: 100%;
}
.history_con1_4_list li .p2 {
position: absolute;
bottom: 10px;
left: 0;
width: calc(100% - 40px);
height: 30px;
text-align: center;
font-size: 14px;
color: #fff;
padding: 0 20px;
}
.history_con1_4_img {
float: left;
overflow: hidden;
width: 320px;
height: 450px;
}
.history_con1_4_img img {
width: 100%;
height: 100%;
}
.history_con1_4_text {
float: right;
overflow: hidden;
width: calc(100% - 370px);
height: 400px;
padding: 25px;
line-height: 1.8;
font-size: 14px;
color: #fff;
}
.history_dec1 {
line-height: 2;
text-align: center;
margin: 0 0 60px 0;
color: #FFF;
}
.history_dec1 {
line-height: 2;
text-align: center;
margin: 0 0 60px 0;
}
.history_con3 {
overflow: hidden;
width: 100%;
height: 600px;
display: flex;
justify-content: space-between;
}
.history_con3_1 {
height: 100%;
width: 32.8%;
display: flex;
flex-direction: column;
}
.history_con3_1 .history_con3_top {
height: 360px;
width: 100%;
position: relative;
}
.history_con3_1 .history_con3_top img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.history_con3_bottom1 {
background-color: #721714;
}
.history_con3_bottom2 {
background-color: #8c600a;
}
.history_con3_bottom3 {
background-color: #32526b;
}
.history_con3_1 .history_con3_bottom {
flex: 1;
width: 100%;
padding: 30px;
box-sizing: border-box;
font-size: 14px;
color: #FFF;
line-height: 1.8;
}
.history_con3_1 .history_con3_bottom p {
text-indent: 2em;
}
.history_img_list1 {
width: 100%;
overflow: hidden;
height: 155px;
}
.history_img_list1 li {
width: 33.3333%;
float: left;
overflow: hidden;
height: 155px;
}
.history_img_list1 li img {
width: 100%;
height: 100%;
}
.history_con4_1 {
width: 100%;
overflow: hidden;
height: 365px;
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.history_con4_1 .history_con4_1_left {
overflow: hidden;
display: flex;
flex-direction: column;
width: calc(50% - 5px);
background: #721714;
height: 100%;
}
.history_con4_1_left .left_top {
height: 255px;
width: 100%;
display: flex;
}
.history_con4_1_left .left_top .left_top_img {
width: 50%;
height: 100%;
position: relative;
}
.history_con4_1_left .left_top .left_top_img img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.history_con4_1_left .left-bottom {
flex: 1;
width: 100%;
padding: 30px;
box-sizing: border-box;
font-size: 14px;
color: #FFF;
line-height: 1.8;
text-indent: 2em;
height: 110px;
}
.history_con4_1 .history_con4_1_right {
overflow: hidden;
display: flex;
width: calc(50% - 5px);
background-color: #6d8c48;
height: 100%;
}
.history_con4_1_right .right-left {
width: 480px;
height: 100%;
position: relative;
}
.history_con4_1_right .right-left img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.history_con4_1_right .right-text {
flex: 1;
height: 100%;
padding: 20px;
box-sizing: border-box;
font-size: 14px;
color: #FFF;
line-height: 1.8;
text-indent: 2em;
}
.history_con4_2 {
width: 100%;
overflow: hidden;
margin-bottom: 10px;
}
.history_con4_2 .img-list {
width: 100%;
height: 320px;
display: flex;
}
.history_con4_2 .img-list .img {
width: 294px;
height: 100%;
position: relative;
}
.history_con4_2 .img-list .img img{
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.history_con4_2 .img-list .img2 {
flex: 1;
height: 100%;
position: relative;
display: flex;
}
.history_con4_2 .img-list .img2 img {
width: 50%;
height: 100%;
}
.history_con4_2 .history_con4_2_text {
width: 100%;
padding: 30px;
box-sizing: border-box;
font-size: 14px;
color: #FFF;
line-height: 1.8;
text-indent: 2em;
background-color: #206763;
}
.history_con4_3 {
width: 100%;
overflow: hidden;
margin-bottom: 10px;
display: flex;
justify-content: space-between;
height: 308px;
}
.history_con4_3 .history_con4_3_1 {
overflow: hidden;
display: flex;
width: calc(52% - 5px);
background: #8c600a;
height: 100%;
}
.history_con4_3 .history_con4_3_1 .img {
height: 100%;
width: 400px;
position: relative;
}
.history_con4_3 .history_con4_3_text {
flex: 1;
height: 100%;
padding: 20px;
color: #fff;
font-size: 14px;
line-height: 1.8;
text-indent: 2em;
box-sizing: border-box;
}
.history_con4_3 .history_con4_3_2 {
overflow: hidden;
display: flex;
width: calc(48% - 5px);
background: #721714;
height: 100%;
}
.history_con4_3 .history_con4_3_2 .img {
width: 459px;
height: 100%;
position: relative;
}
.history_con4_3 .history_con4_3_2 .img img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.history_con4_4 {
width: 100%;
overflow: hidden;
display: flex;
justify-content: space-between;
height: 257px;
}
.history_con4_4 .history_con4_4_1 {
overflow: hidden;
display: flex;
width: calc(50% - 5px);
background-color: #6d8c48;
height: 100%;
}
.history_con4_4 .history_con4_4_1 .img1 {
height: 100%;
width: 218px;
display: block;
}
.history_con4_4 .history_con4_4_1 .img2 {
display: none;
}
.history_con4_4 .history_con4_4_1 .history_con4_4_text {
flex: 1;
height: 100%;
padding: 30px;
color: #fff;
font-size: 14px;
line-height: 2.4;
text-indent: 2em;
box-sizing: border-box;
}
.history_con4_4 .history_con4_4_2 {
overflow: hidden;
display: flex;
width: calc(50% - 5px);
background-color: #32526b;
height: 100%;
}
.history_con4_4 .history_con4_4_text {
height: 100%;
padding: 20px 30px;
color: #fff;
font-size: 14px;
line-height: 1.8;
text-indent: 2em;
box-sizing: border-box;
}
.history_con5_1 {
width: 100%;
overflow: hidden;
display: flex;
justify-content: space-between;
height: 1020px;
/*margin-bottom: 10px;*/
}
.history_con5_1 .history_con5_1_left {
overflow: hidden;
width: calc(50% - 5px);
height: 100%;
}
.history_con5_1 .history_con5_1_left .left1 {
width: 100%;
height: 265px;
margin-bottom: 10px;
display: flex;
}
.history_con5_1 .history_con5_1_left .left1 .img {
width: 381px;
height: 100%;
position: relative;
}
.history_con5_1 .history_con5_1_left .left1 .img img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.history_con5_1 .history_con5_1_left .left1 .dec {
flex: 1;
height: 100%;
padding: 30px;
color: #fff;
font-size: 14px;
line-height: 1.5;
text-indent: 2em;
box-sizing: border-box;
background-color: #721714;
}
.history_con5_1 .history_con5_1_left .left1 .dec p {
text-indent: 2em;
}
.history_con5_1 .history_con5_1_left .left2 {
width: 100%;
}
.history_con5_1 .history_con5_1_left .left2 .img {
width: 100%;
height: 300px;
position: relative;
}
.history_con5_1 .history_con5_1_left .left2 .img img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.history_con5_1 .history_con5_1_left .left2 .dec {
width: 100%;
height: 100%;
padding: 30px;
color: #fff;
font-size: 14px;
line-height: 1.8;
text-indent: 2em;
box-sizing: border-box;
background-color: #8c600a;
}
.history_con5_1 .history_con5_1_right {
overflow: hidden;
width: calc(50% - 5px);
height: 100%;
display: flex;
flex-direction: column;
/*justify-content: space-between;*/
}
.history_con5_1 .history_con5_1_right .right1 {
width: 100%;
margin-bottom: 15px;
}
.history_con5_1 .history_con5_1_right .right1 .img {
width: 100%;
position: relative;
height: 265px;
}
.history_con5_1 .history_con5_1_right .right1 .img img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.history_con5_1 .history_con5_1_right .right1 .dec {
width: 100%;
padding: 30px;
color: #fff;
font-size: 14px;
line-height: 1.8;
text-indent: 2em;
box-sizing: border-box;
background-color: #32526b;
height: 177px;
}
.history_con5_1_right .right2 {
width: 100%;
}
.history_con5_1_right .right2 .img-wrapper {
height: 266px;
display: flex;
width: 100%;
}
.history_con5_1_right .right2 .img-wrapper .img {
height: 100%;
width: 365px;
position: relative;
}
.history_con5_1_right .right2 .img-wrapper .img img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.history_con5_1_right .right2 .dec {
width: 100%;
padding: 30px;
color: #fff;
font-size: 14px;
line-height: 1.8;
text-indent: 2em;
box-sizing: border-box;
background-color: #6d8c48;
/*height: 300px;*/
}
.history_con5_2 {
width: 100%;
overflow: hidden;
height: 475px;
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.history_con5_2 .history_con5_2_right {
overflow: hidden;
width: calc(45% - 5px);
height: 100%;
display: flex;
flex-direction: column;
}
.history_con5_2 .history_con5_2_right .img-wrapper {
height: 377px;
width: 100%;
display: flex;
position: relative;
}
.history_con5_2 .history_con5_2_right .img-wrapper2 {
display: none;
}
.history_con5_2 .history_con5_2_right .img-wrapper .img {
position: relative;
}
.history_con5_2 .history_con5_2_right .img-wrapper .img img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.history_con5_2 .history_con5_2_right .img-wrapper .img1 {
height: 100%;
width: 282px;
}
.history_con5_2 .history_con5_2_right .img-wrapper .img2 {
height: 100%;
flex: 1;
}
.history_con5_2 .history_con5_2_right .dec {
flex: 1;
width: 100%;
padding: 30px;
color: #fff;
font-size: 14px;
line-height: 1.8;
text-indent: 2em;
box-sizing: border-box;
background-color: #206763;
}
.history_con5_2 .history_con5_2_left {
overflow: hidden;
width: calc(55% - 5px);
height: 100%;
display: flex;
flex-direction: column;
}
.history_con5_2 .history_con5_2_left .img {
width: 100%;
height: 273px;
position: relative;
}
.history_con5_2 .history_con5_2_left .dec {
flex: 1;
width: 100%;
padding: 30px;
color: #fff;
font-size: 14px;
line-height: 1.8;
text-indent: 2em;
box-sizing: border-box;
background-color: #721714;
}
.history_con5_3 {
width: 100%;
height: 530px;
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.history_con5_3 .history_con5_3_left {
overflow: hidden;
width: calc(50% - 5px);
height: 100%;
display: flex;
flex-direction: column;
}
.history_con5_3 .history_con5_3_left .img {
width: 100%;
height: 352px;
position: relative;
}
.history_con5_3 .history_con5_3_left .dec {
width: 100%;
flex: 1;
padding: 30px;
color: #fff;
font-size: 14px;
line-height: 1.8;
text-indent: 2em;
box-sizing: border-box;
background-color: #32526b;
}
.history_con5_3 .history_con5_3_right {
overflow: hidden;
width: calc(50% - 5px);
height: 100%;
display: flex;
flex-direction: column;
}
.history_con5_3 .history_con5_3_right .img {
width: 100%;
height: 276px;
position: relative;
}
.history_con5_3 .history_con5_3_right .dec {
width: 100%;
flex: 1;
padding: 30px;
color: #fff;
font-size: 14px;
line-height: 1.8;
text-indent: 2em;
box-sizing: border-box;
background-color: #8c600a;
}
.history_con5_4 {
width: 100%;
height: 250px;
display: flex;
margin-bottom: 10px;
}
.history_con5_4 .img1 {
height: 100%;
width: 363px;
}
.history_con5_4 .img2 {
height: 100%;
width: 519px;
}
.history_con5_4 .dec {
height: 100%;
flex: 1;
padding: 20px;
color: #fff;
font-size: 14px;
line-height: 1.5;
text-indent: 2em;
box-sizing: border-box;
background-color: #6d8c48;
}
.history_con5_4 .dec p {
text-indent: 2em;
}
.history_con5_5 {
width: 100%;
height: 250px;
display: flex;
justify-content: space-between;
}
.history_con5_5 .history_con5_5_left {
overflow: hidden;
width: calc(55% - 5px);
height: 100%;
display: flex;
}
.history_con5_5 .history_con5_5_left .dec {
flex: 1;
height: 100%;
padding: 20px;
color: #fff;
font-size: 14px;
line-height: 1.8;
text-indent: 2em;
box-sizing: border-box;
background-color: #206763;
}
.history_con5_5 .history_con5_5_left img {
height: 100%;
width: 476px;
}
.history_con5_5 .history_con5_5_right {
overflow: hidden;
width: calc(45% - 5px);
height: 100%;
padding: 30px;
color: #fff;
font-size: 14px;
line-height: 1.8;
text-indent: 2em;
box-sizing: border-box;
background-color: #721714;
}
/*浜虹墿棣�*/
.painter_con { /*padding:0 0 20px 0;*/
}
.painter_list1 { /*overflow: hidden;*/
padding: 15px 0;
display: flex;
flex-wrap: wrap;
}
.painter_list1 li {
width: 200px;
margin-bottom: 30px;
margin-right: 30px;
/*border-bottom: #c3c3c3 solid 1px;*/
}
.painter_list1 li:nth-child(6n) {
margin-right: 0;
}
/*.painter_list1 li:nth-child(1) {*/
/* border-top: #c3c3c3 solid 1px;*/
/* border-bottom: #c3c3c3 solid 1px;*/
/*}*/
/*.painter_list1 li:nth-child(2) {*/
/* border-top: #c3c3c3 solid 1px;*/
/* border-bottom: #c3c3c3 solid 1px;*/
/*}*/
/*.painter_list1 li:nth-child(3) {*/
/* border-top: #c3c3c3 solid 1px;*/
/* border-bottom: #c3c3c3 solid 1px;*/
/*}*/
/*.painter_list1 li:nth-child(3n) {*/
/* margin: 0 0 0 0;*/
/*}*/
.painter_list1 li a {
float: left;
width: 100%;
/*padding: 0 0 0 30px;*/
/*background: url(../pcimages/icon3.png) no-repeat left center;*/
/*position: relative;*/
color: #FFF;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.painter_list1 li a span {
color: #000;
padding: 10px;
width: 200px;
box-sizing: border-box;
text-align: center;
background-color: #FFF;
}
.painter_list1 li a img {
width: 200px;
height: 255px;
}
.painter_list1 li a:hover {
color: #c19541;
}
.painter_db {
overflow: hidden;
margin: 0;
width: 100%;
height: 450px;
}
.painter_db_left {
width: calc(100% - 660px);
float: left;
height: 450px;
overflow: hidden;
}
.painter_db_right {
width: 650px;
float: right;
height: 450px;
overflow: hidden;
}
.painter_db_img1 {
width: 300px;
float: left;
height: 450px;
overflow: hidden;
}
.painter_db_img1 img {
width: 100%;
height: 100%;
overflow: hidden;
}
.painter_db_text1 {
width: calc(100% - 340px);
float: right;
height: 410px;
overflow: hidden;
padding: 20px;
color: #fff;
font-size: 14px;
line-height: 2;
}
.painter_db_bg1 {
background: #722513;
}
.painter_db_bg2 {
background: #725413;
}
.painter_db_bg3 {
background: #723d13;
}
.painter_db_bg4 {
background: #28592b;
}
.painter_db_bg5 {
background: #137271;
}
.painter_db_bg6 {
background: #134b72;
}
.painter_db_img2 {
width: 300px;
float: left;
height: 450px;
overflow: hidden;
}
.painter_db_img2 img {
width: 100%;
height: 100%;
overflow: hidden;
}
.painter_db_img3 {
width: calc(100% - 310px);
float: right;
height: 450px;
overflow: hidden;
}
.painter_db_img3 p {
width: 100%;
height: 220px;
overflow: hidden;
}
.painter_db_img3 p img {
width: 100%;
height: 100%;
overflow: hidden;
}
.painter_db_img3 .p2 {
margin: 10px 0 0 0;
}
.painter_con2 {
position: relative;
background: #32516b url("../pcimages/painter_bg1.jpg") repeat-y;
padding: 100px 150px;
margin: 0 0 30px 0;
overflow: hidden;
color: #fff;
line-height: 2;
}
.painter_con2:before {
position: absolute;
background: url("../pcimages/painter_bg1top.jpg") no-repeat top center;
width: 100%;
height: 34px;
top: 0;
left: 0;
content: "";
}
.painter_con2:after {
position: absolute;
background: url("../pcimages/painter_bg1bom.jpg") no-repeat bottom center;
width: 100%;
height: 34px;
bottom: 0;
left: 0;
content: "";
}
.painter_jj {
overflow: hidden;
}
.painter_jj_left {
width: 200px;
float: left;
}
.painter_jj_right {
width: calc(100% - 270px);
float: right;
color: #fff;
line-height: 1.5;
font-size: 18px;
}
.painter_jj_img {
padding: 0 10px 10px 0;
}
.painter_jj_img img {
display: block;
box-shadow: 10px 10px 0px #d19522;
}
.painter_ms {
overflow: hidden;
margin: 55px 0 0 0;
}
.painter_ms h2 {
font-size: 24px;
font-weight: 600;
margin: 0 0 10px 0;
}
.painter_ms_text p {
color: #fff;
line-height: 1.5;
font-size: 18px;
}
.painter_ms_imglist {
margin: 30px 0 0 0;
border: #b18731 solid 3px; /*padding:3px;*/
border-radius: 3px;
}
.painter_ms_imglist ul {
overflow: hidden;
width: 100%;
height: 200px;
}
.painter_ms_imglist ul li {
float: left;
width: 12.5%;
height: 200px;
}
.painter_ms_imglist ul li img {
width: 100%;
height: 100%;
}
/*浣滃搧棣�*/
.work_con {
}
.work-wrapper {
width: 100%;
overflow: hidden;
}
.work_list {
display: flex;
width: 100%;
padding: 20px 0;
flex-wrap: wrap;
box-sizing: border-box;
/*overflow-x: auto;*/
}
.work_list::-webkit-scrollbar {
display: none;
}
.work_list li {
padding: 15px 10px;
flex: 0 0 auto;
}
.work_list li a {
color: #FFF;
font-size: 20px;
position: relative;
padding: 0 15px;
}
.work_list li a:before {
display: block;
position: absolute;
width: 15px;
height: 25px;
background: url(../images/title_icon3.png) no-repeat left center;
background-size: auto 25px;
content: '';
left: 0;
bottom: 0;
}
.work_list li a:after {
display: block;
position: absolute;
width: 15px;
height: 25px;
background: url(../images/title_icon3.png) no-repeat left center;
background-size: auto 25px;
content: '';
right: 0;
bottom: 0;
transform: scaleX(-1);
}
.viewer-toolbar > .viewer-play {
display: none !important;
}
.cat_list {
display: flex;
width: 100%;
padding: 20px 0;
box-sizing: border-box;
}
.new_active {
color: #29c8c5 !important;
background-color: #FFF;
}
.channel_active {
display: block !important;
}
.cat_list li {
width: auto;
padding: 0.05rem 0.1rem;
text-align: center;
margin-right: 15px;
/*background-color: #F5F5F5;*/
border: 1px solid #FFF;
color: #FFF;
font-size: 16px;
}
.work_jj {
overflow: hidden;
height: 370px;
background: #9c7848;
}
.work_jj_left {
width: 384px;
float: left;
height: 370px;
}
.work_jj_left img {
width: 100%;
height: 100%;
}
.work_jj_right {
width: calc(100% - 444px);
float: right;
color: #fff;
line-height: 2;
font-size: 14px;
padding: 20px 30px;
height: 330px;
}
.work_zp {
margin: 70px 0 0 0;
}
.work_zp_title {
margin: 0 0 60px 0;
text-align: center;
}
.work_list1 ul {
width: 100%;
overflow: hidden;
}
.work_list1 ul li {
float: left;
width: 24.25%;
height: 320px;
margin: 0 1% 20px 0;
overflow: hidden;
border: #e7e7e7 solid 1px;
box-sizing: border-box;
}
.work_list1 ul li:nth-child(4n) {
margin: 0 0 20px 0;
}
.work_list1 ul li .p1 {
width: 100%;
height: 250px;
overflow: hidden;
}
.work_list1 ul li .p1 img {
width: 100%;
height: 100%;
object-fit: cover;
}
.work_list1 ul li .p2 {
overflow: hidden;
padding: 10px 15px;
line-height: 1.5;
}
.work_list1 ul li .p2 span {
display: block;
}
.work_list1 ul li .p2 .span1 {
color: #fff;
font-size: 18px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
}
.work_list1 ul li .p2 .span2 {
width: 30%;
float: right;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.work_list1 ul li .p3 {
overflow: hidden;
padding: 0 18px;
font-size: 12px;
line-height: 1.5;
}
.work_jj2 {
overflow: hidden;
height: 360px;
background: #32516b;
}
.work_jj2_left {
width: 550px;
float: left;
height: 360px;
}
.work_jj2_left img {
width: 100%;
height: 100%;
}
.work_jj2_right {
width: calc(100% - 670px);
float: right;
color: #fff;
line-height: 2.2;
font-size: 14px;
padding: 40px 60px;
height: 280px;
}
/*VR浣撻獙棣�*/
.vr_con {
}
.vr_jj {
overflow: hidden;
margin: 50px 0 0 0;
}
.vr_jj img {
width: 100%;
height: auto;
}
.vr_list1 ul {
width: 100%;
overflow: hidden;
}
.vr_list1 ul li {
float: left;
width: 48%;
height: 520px;
margin: 0 4% 45px 0;
overflow: hidden;
border: #e7e7e7 solid 1px;
box-sizing: border-box;
}
.vr_list1 ul li:nth-child(2n) {
margin: 0 0 45px 0;
}
.vr_list1 ul li .p1 {
width: 100%;
height: 430px;
overflow: hidden;
}
.vr_list1 ul li .p1 img {
width: 100%;
height: 100%;
}
.vr_list1 ul li .p2 {
overflow: hidden;
height: 90px;
line-height: 90px;
padding: 0 20px;
font-size: 20px;
}
/*鍚嶅璁插爞*/
.course_list1 {
overflow: hidden;
}
.course_list1 li {
overflow: hidden;
float: left;
width: 32%;
margin: 30px 2% 40px 0;
border: #c1c1c1 solid 1px;
height: 400px;
box-sizing: border-box;
}
.course_list1 li:nth-child(3n) {
margin: 30px 0 40px 0;
}
.course_list1_pic1 {
height: 290px;
}
.course_list1_pic1 a {
overflow: hidden;
height: 100%;
width: 100%;
display: block;
}
.course_list1_pic1 a img {
height: 100%;
width: 100%;
}
.course_list1_text1 {
padding: 10px 20px;
color: #000;
height: 70px;
overflow: hidden;
}
.course_list1_text1 .p1 {
margin: 0 0 10px 0;
}
.course_list1_text1 .p1 a {
color: #FFF;
font-size: 18px;
}
.course_list1_text1 .p2 {
font-size: 14px;
line-height: 2;
padding: 0 0 0 9px;
}
.course_list1_text1 .p2 span {
display: block;
}
.course_list1_text1 .p2 .span1 {
float: left;
width: 55%;
color: #FFF;
}
.course_list1_text1 .p2 .span2 {
float: right;
width: 30%;
text-align: right;
color: #FFF;
}
.num_con1 {
margin: 0 0 0 0;
}
.num_lable1 {
margin: 0 0 20px 0;
border-bottom: #728b86 solid 1px;
padding: 0 0 20px 0;
overflow: hidden;
}
.num_lable1left {
float: left;
width: 400px;
}
.num_lable1left .span1 {
display: inline-block;
padding: 0 0 0 30px;
background: url("../pcimages/icon3.png") no-repeat left center;
color: #fff;
line-height: 1.5;
}
.num_lable1right {
float: right;
width: 280px;
height: 30px;
text-align: right;
background: #f8f3e9;
border-radius: 15px;
}
.num_lable1right span {
display: block;
float: left;
width: 80px;
height: 24px;
padding: 3px 5px 3px 15px;
}
.num_lable1right span input {
width: 180px;
height: 24px;
border: #f8f3e9 solid 0px;
background: #f8f3e9;
}
.num_lable1right a {
display: block;
float: right;
width: 30px;
height: 30px;
background: url("../pcimages/ser_icon1.png") no-repeat center center;
}
.num_list1 {
overflow: hidden;
}
.num_list1 li {
overflow: hidden;
float: left;
width: 30%;
margin: 0 5% 50px 0;
}
.num_list1 li:nth-child(3n) {
margin: 0 0 50px 0;
}
.num_list1 li .p1 {
margin: 0 0 15px 0;
}
.num_list1 li .p2 {
margin: 0 0 15px 0;
}
.num_list1 li .p2 a {
color: #fff;
}
.num_list1 li .p3 span {
display: inline-block;
margin: 0 30px 0 0;
color: #fff;
}
/*#content{ position:relative;overflow:hidden;}
#content li{float:left; width:30%;margin:0 0 50px 0;}
#content li:nth-child(3n){margin:0 0 50px 0;}
#content li .p1{margin:0 0 15px 0;height:300px;}
#content li .p2{margin:0 0 15px 0;}
#content li .p2 a{color:#fff;}
#content li .p3 span{display:inline-block;margin:0 30px 0 0;color:#fff;}*/
#waterfall {
width: 1240px;
overflow: hidden;
}
#waterfall img {
width: 383px;
height: auto;
}
#waterfall .cell {
width: 383px;
margin: 0 15px 70px 15px;
float: left;
}
#waterfall .cell .p1 {
margin: 0 0 15px 0;
}
#waterfall .cell .p2 {
margin: 0 0 10px 0;
}
#waterfall .cell .p2 a {
color: #fff;
}
#waterfall .cell .p3 span {
display: inline-block;
margin: 0 50px 0 0;
color: #fff;
font-size: 14px;
}
/*#waterfall .cell:hover{box-shadow: 0px 2px 3px 1px #999;}*/
.num_but {
overflow: hidden;
margin: 20px 0 20px 0;
}
.num_but li {
overflow: hidden;
float: left;
width: 32%;
margin: 0 2% 0 0;
}
.num_but li:nth-child(3n) {
margin: 0 0 0 0;
}
.num_but li a {
display: block;
width: 100%;
height: auto;
overflow: hidden;
}
.num_but li a img {
width: 100%;
height: auto;
}
.wenchuang_con1 {
margin: 20px 0 0 0;
overflow: hidden;
}
.wenchuang_list1 li {
overflow: hidden;
float: left;
width: 31%;
height: 360px;
margin: 0 3.5% 50px 0;
color: #fff;
}
.wenchuang_list1 li:nth-child(3n) {
margin: 0 0 50px 0;
}
.wenchuang_list1 li .p1 {
margin: 0 0 10px 0;
}
.wenchuang_list1_pic1 {
width: 100%;
height: 275px;
}
.wenchuang_list1_pic1 a {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.wenchuang_list1_pic1 a img {
width: 100%;
height: 100%;
}
.wenchuang_list1_text1 {
width: 100%;
height: 65px;
line-height: 1.5;
color: #fff;
padding: 20px 0 0 0;
overflow: hidden;
}
.wenchuang_list1_text1 a {
color: #fff;
}
.wenchuang_list1_text1 a:hover {
color: #c23937;
}
.newsBox2 {
width: 100%;
height: 755px;
overflow: hidden;
position: relative;
}
.newsBox2 .hd {
height: 25px;
overflow: hidden;
position: absolute;
left: 50%;
bottom: 0px;
z-index: 1;
transform: translateX(-50%)
}
.newsBox2 .hd ul {
overflow: hidden;
zoom: 1;
float: left;
}
.newsBox2 .hd ul li {
float: left;
margin-right: 15px;
width: 30px;
height: 25px;
line-height: 25px;
text-align: center;
cursor: pointer;
background: url(../pcimages/silde_icon1.png) no-repeat center center;
}
.newsBox2 .hd ul li.on {
background: url(../pcimages/silde_icon2.png) no-repeat center center;
}
.newsBox2 .bd {
position: relative;
height: 700px;
z-index: 0;
width: 100%;
overflow: hidden;
}
.newsBox2 .bd ul {
height: 100%;
width: 100%;
overflow: hidden;
}
.newsBox2 .bd li {
zoom: 1;
vertical-align: middle;
position: relative;
height: 100%;
width: 100%;
}
.newsBox2 .bd li a {
display: block;
}
.newsBox2 .bd .a1 {
width: 100%;
height: 100%;
overflow: hidden;
}
.newsBox2 .bd .a1:after {
position: absolute;
width: 100%;
height: 40%;
content: "";
left: 0;
bottom: 0;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}
.newsBox2 .bd .a2 {
position: absolute;
left: 0;
bottom: 40px;
width: 100%;
height: 40px;
line-height: 40px;
text-align: center;
overflow: hidden;
color: #fff;
font-size: 20px;
}
.newsBox2 .bd img {
width: 100%;
height: 700px;
}
.newsBox2 .prev {
position: absolute;
left: 0;
top: 0;
display: block;
width: 100px;
height: 100%;
background: url(../pcimages/slider-arrowleft.png) no-repeat center center;
filter: alpha(opacity=40);
opacity: 0.4;
}
.newsBox2 .next {
position: absolute;
right: 0;
top: 0;
display: block;
width: 100px;
height: 100%;
background: url(../pcimages/slider-arrowright.png) no-repeat center center;
filter: alpha(opacity=40);
opacity: 0.4;
}
.newsBox2 .prev:hover,
.newsBox2 .next:hover {
filter: alpha(opacity=100);
opacity: 1;
}
.newsBox2 .prevStop {
display: none;
}
.newsBox2 .nextStop {
display: none;
}
.banner2 {
margin: 50px 0 0 0;
overflow: hidden;
width: 100%;
height: calc(100% - 50px);
position: relative;
}
.breadcrumb2 {
height: 50px;
width: 1240px; /*margin:50px auto 0 auto;*/
position: absolute;
top: 50px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
}
.breadcrumb2 a {
display: inline-block;
color: #fff;
line-height: 50px;
}
.breadcrumb2 a:hover {
color: #24b7ed;
}
.breadcrumb2 span {
adisplay: inline-block;
padding: 0 20px; /*width:24px;*/
height: 50px;
background: url(../pcimages/Breadcrumb_icon1.png) no-repeat center center;
background-size: auto 8px;
}
.title2 {
width: 1240px;
text-align: center;
position: absolute;
top: 100px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
}
.banner2_con {
overflow: hidden;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.banner2_con .bd {
margin: 0 auto;
position: relative;
z-index: 0;
overflow: hidden;
height: 100%;
}
.banner2_con .bd ul {
width: 100% !important;
height: 100%;
}
.banner2_con .bd li {
width: 100% !important;
height: 100%;
overflow: hidden;
}
.banner2_con .bd li .div1 {
width: 100%;
height: 100%;
}
.banner2_con .hd {
width: 100%;
position: absolute;
z-index: 1;
bottom: 50px;
left: 0;
height: 25px;
line-height: 25px
}
.banner2_con .hd ul {
text-align: center;
}
.banner2_con .hd ul li {
cursor: pointer;
display: inline-block;
*display: inline;
zoom: 1;
width: 30px;
height: 25px;
margin: 0 10px 0 0;
overflow: hidden;
background: url(../pcimages/silde_icon1.png) no-repeat top center;
filter: alpha(opacity=100);
opacity: 1;
line-height: 999px;
}
.banner2_con .hd ul .on {
background: url(../pcimages/silde_icon2.png) no-repeat top center;
}
.banner2_con .prev, .banner2_con .next {
position: absolute;
z-index: 1;
top: 50%;
margin-top: -30px;
left: 15%;
width: 40px;
height: 60px;
background: url(../pcimages/slider-arrow.png) -126px -137px #000 no-repeat;
cursor: pointer;
filter: alpha(opacity=30);
opacity: 0.3;
display: none;
}
.banner2_con .next {
left: auto;
right: 15%;
background-position: -6px -137px;
}
.banner2_div1 {
position: absolute;
top: 36%;
left: 0;
width: 100%;
}
.banner2_div1 h2 {
width: 1240px;
margin: 0 auto 0 auto;
font-size: 72px;
font-weight: bold;
color: #fff;
line-height: 1;
}
.banner2_div1 h3 {
width: 1240px;
margin: 50px auto 0 auto;
font-size: 45px;
font-weight: bold;
color: #fff;
line-height: 1;
position: relative;
padding-left: 20px;
}
.banner2_div1 h3:before {
width: 5px;
height: 45px;
background: #fff;
left: 0;
top: 0;
content: "";
position: absolute;
}
.meiyu_list1 {
overflow: hidden;
padding: 15px 0 0 0;
}
.meiyu_list1 li {
overflow: hidden;
float: left;
width: 23.5%;
margin: 0 2% 35px 0;
border: #577471 solid 1px;
height: 290px;
box-sizing: border-box;
}
.meiyu_list1 li:nth-child(4n) {
margin: 0 0 35px 0;
}
.meiyu_list1_pic1 {
height: 200px;
}
.meiyu_list1_pic1 a {
overflow: hidden;
height: 100%;
width: 100%;
display: block;
}
.meiyu_list1_pic1 a img {
height: 100%;
width: 100%;
}
.meiyu_list1_text1 {
padding: 10px 15px;
color: #fff;
height: 70px;
line-height: 1.5;
}
.meiyu_list1_text1 .p1 {
}
.meiyu_list1_text1 .p1 a {
color: #FFE383;
font-size: 14px;
}
.meiyu_list1_text1 .p2 {
font-size: 14px;
font-weight: bold;
}
.meiyu_list1_text1 .p2 span {
display: inline-block;
margin: 0 0 0 10px;
}
.meiyu_list1_text1 .p3 {
font-size: 14px;
overflow: hidden;
}
.meiyu_list1_text1 .p3 span {
display: block;
}
.meiyu_list1_text1 .p3 .span1 {
float: left;
}
.meiyu_list1_text1 .p3 .span2 {
float: right;
text-align: right;
}
.meiyu_list2 {
overflow: hidden;
padding: 15px 0 0 0;
}
.meiyu_list2 li {
overflow: hidden;
float: left;
width: 32%;
margin: 0 2% 35px 0;
border: #577471 solid 1px;
height: 365px;
box-sizing: border-box;
}
.meiyu_list2 li:nth-child(3n) {
margin: 0 0 35px 0;
}
.meiyu_list2_pic1 {
height: 275px;
}
.meiyu_list2_pic1 a {
overflow: hidden;
height: 100%;
width: 100%;
display: block;
}
.meiyu_list2_pic1 a img {
height: 100%;
width: 100%;
}
.meiyu_list2_text1 {
padding: 15px 15px;
color: #fff;
height: 60px;
line-height: 1.5;
}
.meiyu_list2_text1 .p1 {
margin: 0 0 10px 0;
}
.meiyu_list2_text1 .p1 a {
color: #fff;
}
.meiyu_list2_text1 .p2 {
font-size: 14px;
color: #fff;
}
.meiyu_list2_text1 .p2 span {
}
@media (max-width: 750px) {
.history_pic_dec {
padding: 0.3rem!important;
font-size: 16px!important;
color: #FFF!important;
text-indent: 2em!important;
}
.history_pic_dec_height {
height: auto !important;
flex: auto !important;
}
.main_con2 {
width: 100% !important;
margin: 1.2rem auto 0.3rem auto !important;
}
.title1 {
padding: 0 0.3rem !important;
font-size: 0.36rem;
margin: 0;
}
.title1 .p1 {
padding: 0;
}
.tip {
padding: 0 0.3rem !important;
margin-bottom: 0.3rem !important;
font-size: 16px !important;
}
.history_con1 {
width: 100%;
padding: 0 0.3rem !important;
box-sizing: border-box;
margin: 0;
}
.history_list1 li {
margin: 0 0 0.3rem 0;
}
.history_list1 li .history_div1 {
height: auto;
background-color: transparent !important;
flex-direction: column;
}
.history_list1 li .history_div1_con1 {
width: 100%;
height: 4rem;
}
.history_list1 li .history_div1_con1 .p1 img {
width: 100%;
}
.history_list1 li .history_div1_con3 .history_div1_text {
background-color: #721714;
padding: 0.3rem;
}
.history_list1 li .history_div2 {
flex-direction: column;
height: auto !important;
}
.history_list1 li .history_div1_con4 .history_div1_text {
padding: 0.3rem;
height: auto;
}
.history_list1 li .history_div1_con4 .history_div1_text p {
font-size: 16px;
}
.history_list1 li .history_div1_con4 {
width: 100% !important;
height: 4.7rem;
}
.history_list1 li .history_div1_con4_1 {
height: 3.6rem !important;
}
.history_list1 li .history_div2 .history_div1_con4-wrapper {
flex-direction: column;
}
.history_list1 li .history_div1_con5 {
width: 100% !important;
flex: auto!important;
background-color: transparent;
height: 4.2rem;
}
.history_list1 li .history_div1_con5 .p1 img {
width: 100%;
height: 100%;
}
.history_list1 li .history_div1_con5:nth-child(3) {
display: none;
}
.history_list1 li .history_div1_con5:nth-child(4) {
display: none;
}
.history_list1 li .history_div1_con5_m {
display: flex;
flex-direction: column;
}
.history_list1 li .history_div1_con5_m .history_div1_con5 {
height: 2.7rem;
}
.history_list1 li .history_div1_con5_m .history_div1_con5:nth-child(2) {
height: 7.2rem;
}
.history_list1 li .history_div1_con5_m .p1 img {
width: 100%;
height: 100%;
}
.history_img_dec2 {
width: 2.5rem;
}
.history2_cont1 {
flex-direction: column;
justify-content: start;
}
.history2_cont1 .history_con1_1 {
width: 100%;
margin-bottom: 0;
background-color: transparent;
align-items: center;
height: 5rem;
}
.history_con1_1 .history_con1_1_left {
width: 3.5rem;
}
.history_con1_1 .history_con1_1_right {
}
.history_con1_2 {
width: 100%;
flex-direction: column;
height: auto;
margin-bottom: 0.3rem;
}
.history_con1_2 .history_con1_1_left {
width: 100%;
height: 4rem;
}
.history_con1_2 .history_con1_1_right .history_div1_text {
padding: 0.3rem;
}
.history_con1_3 {
width: 100%;
margin-bottom: 1rem;
}
.history_con1_3 .history_con1_3_top {
padding: 0.3rem;
height: auto;
}
.history_con1_3 .history_con1_3_bottom {
flex-direction: column;
height: auto;
align-items: center;
display: none;
}
.history_con1_3 .history_con1_3_bottom2 {
display: block;
width: 100%;
height: 4.3rem;
position: relative;
}
.history_con1_3 .history_con1_3_bottom2 img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.history_con1_3 .history_con1_3_bottom .history_con1_3_bottom_left {
width: 100%;
flex: auto;
height: 4.8rem;
}
.history_con1_3 .history_con1_3_bottom .history_con1_3_bottom_right {
width: 100%;
height: 17rem;
}
.history_con1_4 {
width: 100%;
}
.history_con1_4 .history_con1_4_top {
flex-direction: column;
height: auto;
display: none;
}
.history_con1_4 .history_con1_4_top2 {
display: block;
width: 100%;
height: 3.5rem;
position: relative;
}
.history_con1_4 .history_con1_4_top2 img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.history_con1_4 .history_con1_4_bottom {
padding: 0.3rem;
height: auto;
}
.history_con1_4 .history_con1_4_top .history_con1_4_top_left {
width: 100%;
flex: auto;
height: 11rem;
}
.history_con1_4 .history_con1_4_top .history_con1_4_top_right {
width: 100%;
height: 5.2rem;
}
.history_con3 {
flex-direction: column;
height: auto;
}
.history_con3_1 {
width: 100%;
margin-bottom: 0.3rem;
}
.history_con3_1:last-child {
margin: 0;
}
.history_con3_1 .history_con3_top_1 {
height: 5rem !important;
}
.history_con3_1 .history_con3_top_2 {
height: 3.8rem !important;
}
.history_con3_1 .history_con3_bottom {
padding: 0.3rem;
}
.history_con4_1 {
flex-direction: column;
height: auto;
}
.history_con4_1_left .left_top {
flex-direction: column;
height: auto;
}
.history_con4_1_left .left_top .left_top_img {
width: 100%;
height: 4.6rem;
}
.history_con4_1 .history_con4_1_left {
width: 100%;
margin-bottom: 0.3rem;
}
.history_con4_1_left .left-bottom {
padding: 0.3rem;
}
.history_con4_1 .history_con4_1_right {
width: 100%;
flex-direction: column;
}
.history_con4_1_right .right-left {
height: 5rem;
width: 100%;
}
.history_con4_1_right .right-text {
padding: 0.3rem;
}
.history_con4_2 .img-list {
flex-direction: column;
height: auto;
}
.history_con4_2 .img-list .img {
width: 100%;
height: 7.2rem;
}
.history_con4_2 .history_con4_2_text {
padding: 0.3rem;
}
.history_con4_3 {
flex-direction: column;
height: auto;
margin-bottom: 0.3rem;
}
.history_con4_3 .history_con4_3_1 {
width: 100%;
flex-direction: column;
margin-bottom: 0.3rem;
}
.history_con4_3 .history_con4_3_1 .img {
height: 4.8rem;
width: 100%;
}
.history_con4_3 .history_con4_3_text {
padding: 0.3rem;
}
.history_con4_3 .history_con4_3_2 {
width: 100%;
flex-direction: column;
}
.history_con4_3 .history_con4_3_2 .img {
width: 100%;
height: 4.8rem;
}
.history_con4_4 {
flex-direction: column;
height: auto;
}
.history_con4_4 .history_con4_4_1 {
flex-direction: column;
width: 100%;
margin-bottom: 0.3rem;
align-items: center;
}
.history_con4_4 .history_con4_4_1 .history_con4_4_text {
padding: 0.3rem;
}
.history_con4_4 .history_con4_4_1 .img1 {
width: 100%;
display: none;
}
.history_con4_4 .history_con4_4_1 .img2 {
width: 100%;
display: block;
}
.history_con4_4 .history_con4_4_text {
width: 100%;
padding: 0.3rem;
}
.history_con5_1 {
flex-direction: column;
height: auto;
}
.history_con5_1 .history_con5_1_left {
width: 100%;
}
.history_con5_1 .history_con5_1_left .left1 {
flex-direction: column;
height: auto;
margin-bottom: 0.3rem;
}
.history_con5_1 .history_con5_1_left .left1 .img {
width: 100%;
height: 4.7rem;
}
.history_con5_1 .history_con5_1_left .left1 .dec {
padding: 0.3rem;
}
.history_con5_1 .history_con5_1_left .left2 {
margin-bottom: 0.3rem;
}
.history_con5_1 .history_con5_1_left .left2 .img {
height: 2.8rem;
}
.history_con5_1 .history_con5_1_left .left2 .img {
height: 2.8rem;
}
.history_con5_1 .history_con5_1_left .left2 .dec {
padding: 0.3rem;
}
.history_con5_1 .history_con5_1_right {
width: 100%;
}
.history_con5_1 .history_con5_1_right .right1 {
margin-bottom: 0.3rem;
}
.history_con5_1 .history_con5_1_right .right1 .img {
height: 2.5rem;
}
.history_con5_1 .history_con5_1_right .right1 .dec {
height: auto;
padding: 0.3rem;
}
.history_con5_1_right .right2 .img-wrapper {
height: auto;
flex-direction: column;
}
.history_con5_1_right .right2 .img-wrapper .img {
height: 4.2rem;
width: 100%;
}
.history_con5_2,
.history_con5_3,
.history_con5_4,
.history_con5_5{
flex-direction: column;
height: auto;
margin-bottom: 0.3rem;
}
.history_con5_5 {
margin: 0;
}
.history_con5_2 .history_con5_2_right {
width: 100%;
margin-bottom: 0.3rem;
}
.history_con5_1_right .right2 .dec {
height: auto;
padding: 0.3rem;
}
.history_con5_2 .history_con5_2_right .img-wrapper {
height: auto;
flex-direction: column;
display: none;
}
.history_con5_2 .history_con5_2_right .img-wrapper2 {
width: 100%;
height: 4.1rem;
display: block;
position: relative;
}
.history_con5_2 .history_con5_2_right .img-wrapper2 img {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
}
.history_con5_2 .history_con5_2_right .img-wrapper .img {
width: 100%;
height: 8rem;
}
.history_con5_2 .history_con5_2_right .img-wrapper .img2 {
flex: auto;
}
.history_con5_2 .history_con5_2_right .dec {
padding: 0.3rem;
}
.history_con5_2 .history_con5_2_left,
.history_con5_3 .history_con5_3_right {
width: 100%;
}
.history_con5_2 .history_con5_2_left .img {
height: 2.5rem;
}
.history_con5_2 .history_con5_2_left img {
height: 2.5rem;
}
.history_con5_2 .history_con5_2_left .dec {
padding: 0.3rem;
}
.history_con5_3 .history_con5_3_left {
width: 100%;
margin-bottom: 0.3rem;
}
.history_con5_3 .history_con5_3_left .img {
height: 3.2rem;
}
.history_con5_3 .history_con5_3_left img {
height: 3.2rem;
}
.history_con5_3 .history_con5_3_left .dec {
padding: 0.3rem;
}
.history_con5_3 .history_con5_3_right .img {
height: 2.5rem;
}
.history_con5_3 .history_con5_3_right img {
height: 2.5rem;
}
.history_con5_3 .history_con5_3_right .dec {
padding: 0.3rem;
}
.history_con5_4 .img1 {
width: 100%;
height: 4.5rem;
}
.history_con5_4 .img2 {
width: 100%;
height: 3.2rem;
}
.history_con5_4 .dec {
padding: 0.3rem;
}
.history_con5_5 .history_con5_5_left {
width: 100%;
flex-direction: column;
margin-bottom: 0.3rem;
}
.history_con5_5 .history_con5_5_left .dec {
padding: 0.3rem;
}
.history_con5_5 .history_con5_5_left img {
width: 100%;
}
.history_con5_5 .history_con5_5_right {
padding: 0.3rem;
width: 100%;
}
.breadcrumb {
display: none;
}
.work-wrapper {
width: 100%;
overflow: hidden;
}
.work_list {
display: flex;
width: 100%;
padding: 0 0.2rem 0.1rem 0.2rem;
flex-wrap: wrap;
box-sizing: border-box;
}
.work_list li {
padding: 0 0.1rem 0.2rem 0.1rem;
flex: 0 0 auto;
}
.work_list li a {
color: #FFF;
font-size: 0.3rem;
position: relative;
padding: 0 0.2rem;
}
.work_list li a:before {
display: block;
position: absolute;
width: 0.2rem;
height: 0.35rem;
background: url(../images/title_icon3.png) no-repeat left center;
background-size: auto 0.35rem;
content: '';
left: 0;
bottom: 0;
}
.work_list li a:after {
display: block;
position: absolute;
width: 0.25rem;
height: 0.35rem;
background: url(../images/title_icon3.png) no-repeat left center;
background-size: auto 0.35rem;
content: '';
right: 0;
bottom: 0;
transform: scaleX(-1)
}
}