/*banner*/
#banner_main {
position: relative;
}
.banner {
position: relative;
width: 100%;
min-width: 1000px;
padding: 0 0 45.28%;
overflow: hidden;
}
.banner .list {
width: 100%;
display: inline-block;
}
.banner .list li {
width: 100%;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 1;
overflow: hidden;
background: #fff;
}
.banner .list li a {
width: 100%;
display: block;
height: 100%;
}
.banner img {
width: 100%;
height: 100%;
display: block;
position: relative;
left: 0;
top: 0;
}
.banner .slide_btn {
position: absolute;
bottom: 46px;
right: 5.2%;
height: 24px;
z-index: 120;
}
.banner .prev,
.banner .next {
float: left;
display: block;
width: 13px;
height: 23px;
background: url("/Jzw/Tpl/Home/Default/images/vb/prev.png") no-repeat center center;
z-index: 12;
top: 50%;
margin-top: -2px;
cursor: pointer;
transition: ease-in-out 0.2s;
}
.banner .next {
background: url("/Jzw/Tpl/Home/Default/images/vb/next.png") no-repeat center center;
}
.banner .next:hover {
right: 7.5%;
opacity: 1;
filter: alpha(opacity=100);
background: url("/Jzw/Tpl/Home/Default/images/vb/next_h.png") no-repeat center center;
}
.banner .prev:hover {
left: 7.5%;
opacity: 1;
filter: alpha(opacity=100);
background: url("/Jzw/Tpl/Home/Default/images/vb/prev_h.png") no-repeat center center;
}
.banner .sline {
margin: 0 40px;
float: left;
display: block;
width: 1px;
height: 22px;
background: url("/Jzw/Tpl/Home/Default/images/vb/pnLine.png") no-repeat center center;
}
.banner .tip {
position: absolute;
width: 100%;
left: 5.2%;
bottom: 40px;
height: 34px;
z-index: 30;
}
.banner .tip li {
margin: 0 5px;
width: 34px;
height: 34px;
line-height: 10px;
text-align: center;
cursor: pointer;
font-size: 0;
font-weight: bold;
overflow: hidden;
display: inline-block;
background: url("/Jzw/Tpl/Home/Default/images/vb/tip.png") no-repeat center center;
*display: inline;
*zoom: 1;
transition: ease-in-out 0.2s;
}
.banner .tip li.cur {
background: url("/Jzw/Tpl/Home/Default/images/vb/tip_on.png") no-repeat center center;
}
.banner .pbg1 {
position: absolute;
bottom: 0;
left: 0;
width: 885px;
height: 225px;
background: url("/Jzw/Tpl/Home/Default/images/vb/banner_bg1.png") no-repeat center center;
z-index: 4;
background-size: cover;
}
.banner .pbg2 {
position: absolute;
bottom: 0;
right: 0;
width: 1614px;
height: 330px;
background: url("/Jzw/Tpl/Home/Default/images/vb/banner_bg2.png") no-repeat center center;
z-index: 3;
background-size: cover;
}
.banner .v-txt {
position: absolute;
width: 100%;
top: 44%;
text-align: center;
z-index: 14;
}
.banner .v-txt h3 {
height: 90px;
font-size: 54px;
line-height: 90px;
margin-bottom: 12px;
color: #fff;
letter-spacing: 8px;
}
.banner .v-txt h3 .uimg1 {
display: block;
width: 596px;
height: 61px;
margin: 0 auto;
}
.banner .v-txt h3 .uimg2 {
display: block;
width: 283px;
height: 30px;
margin: 0 auto;
margin-top: 30px;
}
.banner .video-container {
background-color: #fff;
z-index: 1;
}
.banner .video-container #video {
display: block;
min-width: 100%;
min-height: 103%;
position: absolute;
top: -10%;
left: -10%;
z-index: 12;
}
.banner .opacity {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.1);
z-index: 13;
}
.index_news {
margin-top: 110px;
}
.index_news .inewslist {
padding: 5% 0;
overflow: hidden;
position: relative;
margin-top: 52px;
}
.index_news .inewslist .inews {
position: relative;
width: 50%;
float: left;
}
.index_news .inewslist .inews a {
display: block;
overflow: hidden;
background: #ededed;
}
.index_news .inewslist .inews a .pic {
width: 50%;
min-height: 330px;
float: left;
overflow: hidden;
display: flex;
align-items: center;
}
.index_news .inewslist .inews a .pic img {
transition: all 0.6s;
-ms-transition: all 0.8s;
width: 100%;
}
.index_news .inewslist .inews a .txt {
position: absolute;
right: 0;
top: 0;
width: 50%;
height: 100%;
padding: 0 5%;
box-sizing: border-box;
}
.index_news .inewslist .inews a .txt h4 {
font-size: 18px;
color: #333;
line-height: 28px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
height: "auto";
}
.index_news .inewslist .inews a .txt h5 {
font-size: 14px;
color: #999;
font-weight: normal;
line-height: 24px;
margin: 30px 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
height: "auto";
}
.index_news .inewslist .inews a .txt h6 {
font-size: 12px;
color: #A9A9A9;
font-weight: normal;
}
.index_news .inewslist .inews a .txt::before {
content: '';
width: 0;
height: 0;
border-width: 20px 20px 20px 0;
border-style: solid;
border-color: transparent #ededed transparent transparent;
position: absolute;
left: -20px;
top: 50%;
margin-top: -20px;
z-index: 3;
}
.index_news .inewslist .inews:nth-child(3) .txt,
.index_news .inewslist .inews:nth-child(4) .txt {
left: 0;
right: auto;
}
.index_news .inewslist .inews:nth-child(3) .pic,
.index_news .inewslist .inews:nth-child(4) .pic {
float: right;
}
.index_news .inewslist .inews:nth-child(3) .txt::before {
border-width: 20px 0 20px 20px;
border-color: transparent transparent transparent #ededed;
left: auto;
right: -20px;
}
.index_news .inewslist .inews:nth-child(4) .txt::before {
border-width: 20px 0 20px 20px;
border-color: transparent transparent transparent #ededed;
left: auto;
right: -20px;
}
.index_news .inewslist .inews a:hover .pic img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.index_news .inewslist .inews a:hover .txt {
background: #e7c901;
}
.index_news .inewslist .inews a:hover .txt h4 {
color: #fff;
}
.index_news .inewslist .inews a:hover .txt h5 {
color: #fff;
}
.index_news .inewslist .inews a:hover .txt h6 {
color: #fff;
}
.index_news .inewslist .inews a:hover .txt::before {
border-color: transparent #e7c901 transparent transparent;
}
.index_news .inewslist .inews:nth-child(3) a:hover .txt::before,
.index_news .inewslist .inews:nth-child(4) a:hover .txt::before {
border-color: transparent transparent transparent #e7c901;
}
.index_news .d-table {
display: table;
width: 100%;
height: 100%;
}
.index_news .d-table-cell {
display: table-cell;
vertical-align: middle;
}
.index_bt .a1 {
float: left;
}
.index_bt .a1 .b1 {
position: relative;
}
.index_bt .a1 .b1 p {
color: #1A1A1A;
font-size: 40px;
margin: 0;
display: inline-block;
font-weight: bold;
}
.index_bt .a1 .b1 span {
display: inline-block;
width: 42px;
height: 2px;
background: #e7c901;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
margin-left: 20px;
}
.index_bt .a1 .sub {
margin: 0;
color: #717171;
font-size: 20px;
margin-top: 10px;
letter-spacing: 6px;
text-transform: uppercase;
}
.index_bt .a2 {
float: right;
margin-top: 38px;
}
.index_bt .a2 .lei {
float: left;
width: 80px;
color: #A59999;
font-size: 18px;
margin: 0 26px;
height: 30px;
text-align: center;
}
.index_bt .a2 .lei.active {
color: #1A1A1A;
border-bottom: 1px solid #1A1A1A;
}
.index_bt .a2 .lei:hover {
color: #1A1A1A;
border-bottom: 1px solid #1A1A1A;
}
.index_bt .a2 .more {
width: 118px;
height: 40px;
display: block;
color: #999;
padding: 0 10px;
float: left;
margin-left: 40px;
}
.index_bt .a2 .more img {
margin-top: -4px;
}
.index_bt .a2 span {
margin-right: 14px;
}
.kIndex3 {
z-index: 2;
padding-top: 44px;
overflow: hidden;
}
.kH2 .kTitM,
.kListTitM,
.kJieImg.kTitM,
.kMapm {
display: none;
}
.kSerBg1 img,
.kSerBg2 img {
display: block;
}
.kSerBg1 {
position: absolute;
left: -360px;
bottom: 0;
}
.kSerBg2 {
position: absolute;
right: -360px;
bottom: 0;
}
.kBox3 {
position: relative;
}
.w1200 {
width: 1200px;
margin-left: auto;
margin-right: auto;
}
.kService {
margin-top: 30px;
height: 700px;
}
.kService img {
display: inline-block;
}
.kService li {
width: 16.66%;
float: left;
text-align: center;
}
.kSert b {
font-weight: normal;
font-size: 16px;
line-height: 60px;
padding-bottom: 12px;
display: block;
}
.kSert {
opacity: 0;
right: -140px;
position: relative;
height: 260px;
}
.going .kBox3 li .kSert {
transition: all 1.2s;
-webkit-transition: all 1.2s;
opacity: 1;
transform: translate(-140px, 0);
-webkit-transform: translate(-140px, 0);
}
.going .kBox3 li:nth-child(1) .kSert {
transition-delay: 0;
}
.going .kBox3 li:nth-child(2) .kSert {
transition-delay: 0.4s;
}
.going .kBox3 li:nth-child(3) .kSert {
transition-delay: 0.6s;
}
.going .kBox3 li:nth-child(4) .kSert {
transition-delay: 0.8s;
}
.going .kBox3 li:nth-child(5) .kSert {
transition-delay: 0.9s;
}
.kSert p:nth-child(2) {
height: 100px;
position: relative;
margin-top: -20px;
}
.kSert p .img,
.kSert p .img_red {
position: absolute;
left: 50%;
top: 0;
margin-left: -40px;
}
.kSert p .img {
visibility: visible;
}
.kSert p .img_red {
visibility: hidden;
}
.kSertm {
display: none;
}
.kSerf {
border-top: 1px solid #ecede7;
position: relative;
height: 440px;
}
.kSerf .kRound {
width: 23px;
height: 23px;
background: url(/Jzw/Tpl/Home/Default/images/index/round.png) no-repeat center;
display: block;
position: absolute;
left: 50%;
margin-left: -11.5px;
top: -12px;
}
.kSerf em {
width: 1px;
height: 55px;
background-color: #ecede7;
overflow: hidden;
display: block;
left: 50%;
position: absolute;
top: 22px;
}
.kSerf em:nth-of-type(2) {
height: 0;
background: #e7c901;
}
.kSerImg img {
display: block;
}
.kSerImg {
position: absolute;
left: -140px;
opacity: 0;
bottom: 0;
z-index: 1;
width: 100%;
overflow: hidden;
}
.going .kBox3 li .kSerImg {
transition: all 1.2s;
-webkit-transition: all 1.2s;
opacity: 1;
transform: translate(140px, 0);
-webkit-transform: translate(140px, 0);
}
.going .kBox3 li:nth-child(1) .kSerImg {
transition-delay: 0;
}
.going .kBox3 li:nth-child(2) .kSerImg {
transition-delay: 0.4s;
}
.going .kBox3 li:nth-child(3) .kSerImg {
transition-delay: 0.6s;
}
.going .kBox3 li:nth-child(4) .kSerImg {
transition-delay: 0.8s;
}
.going .kBox3 li:nth-child(5) .kSerImg {
transition-delay: 0.2s;
}
.kSerCon {
opacity: 0;
width: 232px;
height: 320px;
font-size: 15px;
text-align: left;
z-index: 2;
position: absolute;
left: -10px;
bottom: 46px;
box-sizing: border-box;
padding: 25px;
background: url(/Jzw/Tpl/Home/Default/images/index/bg2.png) center;
color: #fff;
line-height: 24px;
text-align: justify;
display: flex;
align-items: center;
}
@media screen and (min-width: 749px) {
.kBox3 li:hover .kSerCon {
opacity: 1;
transition: all 0.8s;
-webkit-transition: all 0.8s;
}
.kBox3 li:hover .kSerf .kRound {
background: url(/Jzw/Tpl/Home/Default/images/index/round2.png) no-repeat center;
transition: all 0.2s;
-webkit-transition: all 0.2s;
background-size: cover;
}
.kBox3 li:hover .kSerf em:nth-of-type(2) {
height: 55px;
transition: all 0.6s 0.3s;
-webkit-transition: all 0.6s 0.3s;
}
.kBox3 li:hover .kSert p .img {
visibility: hidden;
}
.kBox3 li:hover .kSert p .img_red {
-webkit-animation: rot 0.6s linear alternate;
animation: rot 0.6s linear alternate;
visibility: visible;
}
}
.kIndex4 {
background: #fbfbfb;
}
.kMeiti {
bottom: 53px;
left: 651px;
background: url(/Jzw/Tpl/Home/Default/images/index/a/meiti.jpg) no-repeat center #fff;
box-sizing: content-box;
}
.kMeiti,
.kKehu {
z-index: 12;
padding: 10px;
width: 130px;
height: 130px;
line-height: 130px;
text-align: center;
color: #fff;
font-size: 14px;
font-weight: bold;
background-color: #fff;
position: absolute;
-moz-box-shadow: 6px 6px 16px rgba(53, 53, 53, 0.16);
-webkit-box-shadow: 6px 6px 10px rgba(53, 53, 53, 0.16);
box-shadow: 6px 6px 16px rgba(53, 53, 53, 0.16);
}
.kheBg {
width: 130px;
height: 130px;
overflow: hidden;
position: absolute;
left: 10px;
top: 10px;
}
.kheBg img {
-webkit-transition: 0.7s;
-moz-transition: 0.7s;
-o-transition: 0.7s;
transition: 0.7s;
display: block;
}
.kMeiti:hover .kheBg img,
.kKehu:hover .kheBg img {
-webkit-transform: scale(1.18);
-moz-transform: scale(1.18);
-o-transform: scale(1.18);
transform: scale(1.18);
-ms-transform: scale(1.18);
}
.kMeiti a,
.kKehu a {
color: #fff;
position: relative;
z-index: 2;
display: block;
width: 100%;
height: 100%;
}
.kIndex4c {
background: url(/Jzw/Tpl/Home/Default/images/index/a/bg21.png) no-repeat center bottom;
}
.kBg20 {
width: 574px;
height: 835px;
position: absolute;
left: -360px;
top: 0;
}
.kBox4 {
position: relative;
}
.kBox4 .kH2 {
text-align: left;
padding-top: 106px;
position: relative;
}
.kH2parm {
display: none;
}
.kBg10 {
display: none;
}
.kMedia {
height: 960px;
margin-top: -80px;
position: relative;
}
.kMediaM {
display: none;
}
.kMedia .kImg {
position: absolute;
width: 146px;
height: 146px;
display: block;
z-index: 10;
cursor: pointer;
}
.kMedia .kImg img {
transition: all 0.5s;
-webkit-transition: all 0.5s;
display: block;
opacity: 0;
background: url(/Jzw/Tpl/Home/Default/images/index/a/sha.png) no-repeat center / 100% auto;
position: absolute;
left: 0;
top: 0;
}
.going.kMedia .kImg img {
animation: change 0.5s;
-moz-animation: change 1s;
-webkit-animation: change 0.5s;
-o-animation: change 0.5s;
opacity: 1;
}
.kMedia .kImg:hover img {
transform: scale(1.05, 1.05);
-webkit-transform: scale(1.05, 1.05);
}
.kMedia .kImg1 {
left: 598px;
bottom: 798px;
}
.kMedia .kImg2 {
left: 379px;
bottom: 708px;
}
.kMedia .kImg3 {
left: 1073px;
bottom: 779px;
}
.kMedia .kImg4 {
left: 82px;
bottom: 604px;
}
.kMedia .kImg5 {
left: 970px;
bottom: 640px;
}
.kMedia .kImg6 {
left: 790px;
bottom: 558px;
}
.kMedia .kImg7 {
left: 265px;
bottom: 473px;
}
.kMedia .kImg8 {
left: 1013px;
bottom: 424px;
}
.kMedia .kImg9 {
left: -19px;
bottom: 332px;
}
.kMedia .kImg10 {
left: 785px;
bottom: 287px;
}
.kMedia .kImg11 {
left: 184px;
bottom: 232px;
}
.kMedia .kImg12 {
left: 1024px;
bottom: 218px;
}
.kText {
position: absolute;
z-index: 9;
width: 200px;
opacity: 1;
}
.kText span {
width: 90px;
height: 45px;
position: relative;
display: block;
float: left;
}
.kText span i {
width: 0px;
height: 31px;
display: block;
background: url(/Jzw/Tpl/Home/Default/images/index/a/icon4_1.png) no-repeat;
position: absolute;
left: 0;
top: 14px;
}
.kText span em {
width: 30px;
height: 30px;
opacity: 0;
display: block;
background: url(/Jzw/Tpl/Home/Default/images/index/a/icon4_2.png) no-repeat;
position: absolute;
right: 0;
top: 0;
}
.kText b {
margin-top: 6px;
float: left;
opacity: 0;
font-size: 12px;
color: #000;
}
.kTextL {
position: absolute;
z-index: 9;
width: 200px;
opacity: 1;
}
.kTextL span {
width: 54px;
height: 45px;
position: absolute;
right: 0;
top: 0;
display: block;
float: left;
opacity: 0;
}
.kTextL span i {
width: 54px;
height: 31px;
display: block;
background: url(/Jzw/Tpl/Home/Default/images/index/a/icon4_3.png) no-repeat;
position: absolute;
left: 0;
top: 14px;
}
.kTextL span a {
width: 54px;
height: 31px;
display: block;
background: #fbfbfb;
position: absolute;
left: 0;
top: 14px;
}
.kTextL span em {
width: 30px;
height: 30px;
opacity: 0;
display: block;
background: url(/Jzw/Tpl/Home/Default/images/index/a/icon4_2.png) no-repeat;
position: absolute;
right: 48px;
top: 0;
}
.kTextL b {
margin-top: 6px;
opacity: 0;
position: absolute;
right: 80px;
}
.kMedia .kText11 {
left: 11px;
bottom: 383px;
}
.kMedia .kText9 {
left: -189px;
bottom: 485px;
}
.kMedia .kText7 {
left: 92px;
bottom: 626px;
}
.kMedia .kText4 {
left: -87px;
bottom: 759px;
}
.kMedia .kText2 {
left: 210px;
bottom: 864px;
}
.kMedia .kText1 {
left: 423px;
bottom: 953px;
}
.kMedia .kText3 {
left: 1191px;
bottom: 887px;
}
.kMedia .kText5 {
left: 1088px;
bottom: 749px;
}
.kMedia .kText6 {
left: 874px;
bottom: 690px;
}
.kMedia .kText8 {
left: 1132px;
bottom: 533px;
}
.kMedia .kText10 {
left: 902px;
bottom: 397px;
}
.kMedia .kText12 {
left: 1140px;
bottom: 327px;
}
.kMedia .kLine {
position: absolute;
z-index: 1;
bottom: 200px;
}
.kLine11 {
width: 294px;
height: 242px;
background: url(/Jzw/Tpl/Home/Default/images/index/a/zuo1_2.png) no-repeat right top;
left: 310px;
}
.kLine11.kLine_hov {
background: url(/Jzw/Tpl/Home/Default/images/index/a/zuo1_1.png) no-repeat right top;
z-index: 9;
}
.kLine9 {
width: 497px;
height: 242px;
background: url(/Jzw/Tpl/Home/Default/images/index/a/zuo2_2.png) no-repeat right top;
left: 107px;
}
.kLine9.kLine_hov {
background: url(/Jzw/Tpl/Home/Default/images/index/a/zuo2_1.png) no-repeat right top;
z-index: 9;
}
.kLine7 {
width: 215px;
height: 351px;
background: url(/Jzw/Tpl/Home/Default/images/index/a/zuo3_2.png) no-repeat right top;
left: 390px;
}
.kLine7.kLine_hov {
background: url(/Jzw/Tpl/Home/Default/images/index/a/zuo3_1.png) no-repeat right top;
z-index: 9;
}
.kLine4 {
width: 432px;
height: 481px;
background: url(/Jzw/Tpl/Home/Default/images/index/a/zuo4_2.png) no-repeat right top;
left: 207px;
}
.kLine4.kLine_hov {
background: url(/Jzw/Tpl/Home/Default/images/index/a/zuo4_1.png) no-repeat right top;
z-index: 9;
}
.kLine2 {
width: 136px;
height: 585px;
background: url(/Jzw/Tpl/Home/Default/images/index/a/zuo5_2.png) no-repeat right top;
left: 503px;
}
.kLine2.kLine_hov {
background: url(/Jzw/Tpl/Home/Default/images/index/a/zuo5_1.png) no-repeat right top;
z-index: 9;
}
.kLine1 {
width: 8px;
height: 614px;
background: url(/Jzw/Tpl/Home/Default/images/index/a/zhong1_2.png) no-repeat right top;
left: 667px;
}
.kLine1.kLine_hov {
background: url(/Jzw/Tpl/Home/Default/images/index/a/zhong1_1.png) no-repeat right top;
z-index: 9;
}
.kLine3 {
width: 426px;
height: 654px;
background: url(/Jzw/Tpl/Home/Default/images/index/a/you1_2.png) no-repeat left top;
left: 667px;
}
.kLine3.kLine_hov {
background: url(/Jzw/Tpl/Home/Default/images/index/a/you1_1.png) no-repeat left top;
z-index: 9;
}
.kLine5 {
width: 324px;
height: 617px;
background: url(/Jzw/Tpl/Home/Default/images/index/a/you2_2.png) no-repeat left top;
left: 667px;
}
.kLine5.kLine_hov {
background: url(/Jzw/Tpl/Home/Default/images/index/a/you2_1.png) no-repeat left top;
z-index: 9;
}
.kLine6 {
width: 144px;
height: 433px;
background: url(/Jzw/Tpl/Home/Default/images/index/a/you3_2.png) no-repeat left top;
left: 667px;
}
.kLine6.kLine_hov {
background: url(/Jzw/Tpl/Home/Default/images/index/a/you3_1.png) no-repeat left top;
z-index: 9;
}
.kLine8 {
width: 335px;
height: 300px;
background: url(/Jzw/Tpl/Home/Default/images/index/a/you6_2.png) no-repeat left top;
left: 703px;
}
.kLine8.kLine_hov {
background: url(/Jzw/Tpl/Home/Default/images/index/a/you6_1.png) no-repeat left top;
z-index: 9;
}
.kLine10 {
width: 107px;
height: 227px;
background: url(/Jzw/Tpl/Home/Default/images/index/a/you4_2.png) no-repeat left top;
left: 703px;
}
.kLine10.kLine_hov {
background: url(/Jzw/Tpl/Home/Default/images/index/a/you4_1.png) no-repeat left top;
z-index: 9;
}
.kLine12 {
width: 342px;
height: 300px;
background: url(/Jzw/Tpl/Home/Default/images/index/a/you5_2.png) no-repeat left top;
left: 703px;
}
.kLine12.kLine_hov {
background: url(/Jzw/Tpl/Home/Default/images/index/a/you5_1.png) no-repeat left top;
z-index: 9;
}
.kText1.kText_hov,
.kText2.kText_hov,
.kText3.kText_hov,
.kText4.kText_hov,
.kText5.kText_hov,
.kText6.kText_hov,
.kText7.kText_hov,
.kText8.kText_hov,
.kText9.kText_hov {
opacity: 1;
}
.kTextL.kText_hov {
transition: all 1.2s 0.2s;
-webkit-transition: all 1.2s 0.2s;
z-index: 10;
}
.kTextL.kText_hov span {
opacity: 1;
}
.kTextL.kText_hov span a {
width: 0px;
transition: all 0.4s 0.4s;
-webkit-transition: all 0.4s 0.4s;
}
.kTextL.kText_hov span em {
transition: all 0.2s 0.8s;
-webkit-transition: all 0.2s 0.8s;
opacity: 1;
}
.kTextL.kText_hov b {
transition: all 0.2s 0.8s;
-webkit-transition: all 0.2s 0.8s;
opacity: 1;
text-align: justify;
font-size: 12px;
color: #000;
}
.kText.kText_hov {
transition: all 1.2s 0.2s;
-webkit-transition: all 1.2s 0.2s;
z-index: 10;
}
.kText.kText_hov span {
opacity: 1;
}
.kText.kText_hov span i {
transition: all 0.2s 0.4s;
-webkit-transition: all 0.2s 0.4s;
width: 54px;
}
.kText.kText_hov span a {
width: 0px;
transition: all 0.4s 0.4s;
-webkit-transition: all 0.4s 0.4s;
}
.kText.kText_hov span em {
transition: all 0.2s 0.8s;
-webkit-transition: all 0.2s 0.8s;
opacity: 1;
}
.kText.kText_hov b {
transition: all 0.2s 0.8s;
-webkit-transition: all 0.2s 0.8s;
opacity: 1;
text-align: justify;
font-size: 12px;
color: #000;
}
.index_about {
background: url(/Jzw/Tpl/Home/Default/images/index/about/about_bg.png) center no-repeat;
background-size: cover;
height: 1080px;
width: 100%;
padding-top: 60px;
box-sizing: border-box;
}
.index_about .cleft .say1 {
font-size: 26px;
font-weight: bold;
color: #e7c901;
margin-top: 170px;
}
.index_about .cleft .say2 {
font-size: 26px;
color: #fff;
}
.index_about .cleft .say3 {
width: 80%;
font-size: 18px;
color: #F7F7F7;
line-height: 30px;
}
.index_about .cleft .dlist1 {
width: 80%;
margin-top: 60px;
}
.index_about .cleft .dlist1 .item {
width: 33%;
float: left;
text-align: center;
}
.index_about .cleft .dlist1 .item .t1 {
font-size: 30px;
color: #fff;
}
.index_about .cleft .dlist1 .item .t2 {
font-size: 14px;
color: #fff;
}
.index_about .cleft .dlist2 {
width: 80%;
height: 150px;
background: #fff;
margin-top: 130px;
}
.index_about .cleft .dlist2 .item {
width: 25%;
height: 100%;
float: left;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.index_about .cleft .dlist2 .item a {
display: block;
}
.index_about .cleft .dlist2 .item img {
width: 50px;
height: 50px;
display: block;
margin: 0 auto;
}
.index_about .cleft .dlist2 .item p {
font-size: 16px;
margin-top: 8px;
color: #000000;
}
.index_about .cright {
padding-top: 80px;
}
.index_about .cright .item {
float: left;
width: 48%;
position: relative;
margin-right: 2%;
margin-bottom: 20px;
}
.index_about .cright .item .pic {
width: 100%;
height: 408px;
overflow: hidden;
}
.index_about .cright .item .pic img {
width: 100%;
height: 100%;
}
.index_about .cright .item .txt {
position: absolute;
top: 0;
left: 0;
background: #000000;
width: 100%;
height: 100%;
text-align: center;
opacity: 0.6;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
transition: all 1s;
}
.index_about .cright .item .txt .com {
font-size: 36px;
color: #fff;
font-weight: bold;
margin-top: 10px;
}
.index_about .cright .item .txt2 {
position: absolute;
top: 0;
left: 0;
background: #000000;
width: 100%;
height: 100%;
text-align: center;
opacity: 0.6;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.index_about .cright .item .txt2 .t1 {
font-size: 36px;
color: #fff;
text-transform: uppercase;
}
.index_about .cright .item .txt2 .t2 {
font-size: 36px;
color: #fff;
}
.index_about .cright .item:nth-child(2n) {
margin-right: 0;
}
.index_about .cright .item:hover .txt {
background: #e7c901;
}
.index_about .cright .item:hover .txt2 {
background: #e7c901;
}
.rc_con {
width: 100%;
background-color: #f5f5f5;
box-sizing: border-box;
padding-top: 20px;
}
.rc_con .dlist1 {
height: 80px;
background: #e7c901;
color: #fff;
font-size: 20px;
font-family: Microsoft YaHei;
font-weight: 400;
}
.rc_con .dlist1 p {
width: 20%;
float: left;
text-align: center;
line-height: 80px;
margin: 0;
}
.rc_con .dlist2 .item {
margin-bottom: 1px;
}
.rc_con .dlist2 .item .top1 {
background: #fff;
height: 80px;
cursor: pointer;
}
.rc_con .dlist2 .item .top1 p {
width: 20%;
float: left;
text-align: center;
line-height: 80px;
margin: 0;
}
.rc_con .dlist2 .item .top1 p span {
display: inline-block;
width: 34px;
height: 34px;
line-height: 34px;
font-size: 18px;
border-radius: 50%;
text-align: center;
color: #e7c901;
border: 1px solid #e7c901;
}
.rc_con .dlist2 .item .top2 {
padding: 30px;
display: none;
}
.rc_con .dlist2 .item .top2 .bt {
font-size: 18px;
font-weight: bold;
}
.contact_con {
width: 100%;
background-color: #f5f5f5;
box-sizing: border-box;
padding-top: 50px;
}
.contact_con .contact_bg {
background: url(/Jzw/Tpl/Home/Default/images/contact/tab.png) left no-repeat;
border-bottom: 1px solid #e7c901;
height: 46px;
font-size: 22px;
line-height: 46px;
color: #fff;
padding-left: 40px;
}
.contact_con .contact_a {
padding: 30px 0;
}
.contact_con .contact_a .col-xs-3 {
text-align: center;
}
.contact_con .contact_a .col-xs-3 a {
border: #ccc 1px solid;
width: 100%;
height: 278px;
display: inline-block;
background: #fff;
}
.contact_con .contact_a .col-xs-3 a span {
background: url(/Jzw/Tpl/Home/Default/images/contact/icon11.png) no-repeat;
display: inline-block;
vertical-align: middle;
width: 113px;
height: 113px;
margin: 30px 0 15px 0;
}
.contact_con .contact_a .col-xs-3 a h3 {
font-size: 20px;
color: #333;
font-weight: 600;
position: relative;
}
.contact_con .contact_a .col-xs-3 a h3:before {
content: "";
position: absolute;
top: -17px;
left: 0;
right: 0;
margin: 0 auto;
background: #e7c901;
width: 49px;
height: 2px;
}
.contact_con .contact_a .col-xs-3 a p {
font-size: 16px;
color: #666;
padding: 0 10px;
}
.contact_con .contact_a .col-xs-3 a:hover {
background: #e7c901;
border: #e7c901 1px solid;
}
.contact_con .contact_a .col-xs-3 a:hover h3,
.contact_con .contact_a .col-xs-3 a:hover p {
color: #fff;
}
.contact_con .contact_a .col-xs-3 a:hover h3:before {
background: #fff;
}
.contact_con .contact_a .col-xs-3:nth-child(1) a span {
background-position: 0 0;
}
.contact_con .contact_a .col-xs-3:nth-child(1) a:hover span {
background-position: -128px 0;
}
.contact_con .contact_a .col-xs-3:nth-child(2) a span {
background-position: 0 -126px;
}
.contact_con .contact_a .col-xs-3:nth-child(2) a:hover span {
background-position: -128px -126px;
}
.contact_con .contact_a .col-xs-3:nth-child(3) a span {
background-position: 0 -253px;
}
.contact_con .contact_a .col-xs-3:nth-child(3) a:hover span {
background-position: -128px -253px;
}
.contact_con .contact_a .col-xs-3:nth-child(4) a span {
background-position: 0 -381px;
}
.contact_con .contact_a .col-xs-3:nth-child(4) a:hover span {
background-position: -128px -381px;
}
.contact_con .fenbu {
background: #fff;
margin-top: 20px;
}
.contact_con .fenbu .item {
border-bottom: 1px solid #cccccc;
height: 140px;
}
.contact_con .fenbu .item .a1 {
width: 38%;
height: 140px;
float: left;
padding-left: 40px;
padding-top: 40px;
}
.contact_con .fenbu .item .a1 p {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
height: 'auto';
}
.contact_con .fenbu .item .a1 p:first-child {
font-size: 18px;
color: #5f5f5f;
}
.contact_con .fenbu .item .a1 p:last-child {
font-size: 14px;
color: #949494;
}
.contact_con .fenbu .item .a2 {
width: 20%;
float: left;
line-height: 140px;
color: #949494;
text-align: center;
}
.contact_con .fenbu .item .a4 {
width: 22%;
float: left;
color: #949494;
word-break: break-all;
text-align: center;
line-height: 22px;
display: flex;
align-items: center;
height: 100%;
}
.contact_con .fenbu .item .a3 {
width: 20%;
float: left;
line-height: 140px;
text-align: center;
}
.contact_con .fenbu .item .a3 a {
color: #949494;
}
.contact_con .fenbu .item .a3 a:hover {
color: #e7c901;
}
.contact_con .fenbu .item:last-child {
border-bottom: none;
}
.contact_con .ditum {
margin-top: 48px;
margin-bottom: 80px;
background: #fff;
padding: 0 38px;
padding-top: 20px;
padding-bottom: 20px;
}
.contact_con .ditum .daohang {
background: #F5F5F5;
height: 74px;
padding: 0 12px;
}
.contact_con .ditum .daohang .a1 {
float: left;
line-height: 74px;
}
.contact_con .ditum .daohang .a1 img {
width: 52px;
height: 38px;
margin-right: 4px;
}
.contact_con .ditum .daohang .a1 span {
font-size: 22px;
color: #333333;
}
.contact_con .ditum .daohang .a2 {
float: right;
line-height: 74px;
}
.contact_con .ditum .daohang .a2 img {
width: 24px;
height: 24px;
margin-top: -6px;
margin-right: 4px;
}
.contact_con .ditum .daohang .a2 span {
font-size: 20px;
color: #FD2A43;
}
.contact_con .ditum .contact_d {
overflow: hidden;
margin-top: 30px;
width: 100%;
}
.contact_con .ditum .contact_d .col-xs-5 {
background: #f5f5f5;
padding: 20px 34px;
height: 476px;
}
.contact_con .ditum .contact_d .col-xs-7 {
padding-right: 0;
}
.contact_con .ditum .contact_d .message h5 {
display: inline-block;
font-size: 25px;
}
.contact_con .ditum .contact_d .message span {
font-size: 14.6px;
padding-left: 10px;
}
.contact_con .ditum .contact_d .messageFrom {
padding-top: 20px;
}
.contact_con .ditum .contact_d .messageFrom label {
color: #666666;
padding-right: 10px;
font-size: 14px;
}
.contact_con .ditum .contact_d .messageFrom input {
height: 32px;
}
.contact_con .ditum .contact_d .messageFrom input,
.contact_con .ditum .contact_d .messageFrom textarea {
border: #e8e8e8 1px solid;
width: 360px;
padding-left: 15px;
font-size: 12px;
}
.contact_con .ditum .contact_d .messageFrom .savebtn {
background: #e7c901;
width: 412px;
height: 38px;
text-align: center;
line-height: 38px;
color: #fff;
display: block;
}
.faz_con {
min-height: 900px;
margin-bottom: 50px;
margin-top: 30px;
}
.faz_con .cleft {
margin-top: 40px;
width: 214px;
float: left;
}
.faz_con .cleft .dev_index_l_wrap .dev_index_l_box {
overflow: hidden;
width: 214px;
position: relative;
margin-bottom: 15px;
height: 717px;
}
.faz_con .cleft .dev_index_l_wrap .dev_index_l_top {
display: block;
width: 34px;
height: 34px;
background: url(/Jzw/Tpl/Home/Default/images/fazhan/dev_top.png) no-repeat;
margin-bottom: 15px;
position: relative;
float: right;
right: -10px;
background-size: cover;
}
.faz_con .cleft .dev_index_l_wrap .dev_index_l_bottom {
display: block;
width: 34px;
height: 34px;
background: url(/Jzw/Tpl/Home/Default/images/fazhan/dev_bottom_act.png) no-repeat;
margin-bottom: 15px;
position: relative;
float: right;
right: -10px;
background-size: cover;
}
.faz_con .cleft .dev_index_l_wrap ul {
width: 24px;
float: right;
position: relative;
margin-top: -2px;
}
.faz_con .cleft .dev_index_l_wrap li {
width: 18px;
height: 89px;
line-height: 89px;
text-align: center;
background: url(/Jzw/Tpl/Home/Default/images/fazhan/dev_br.jpg) no-repeat right center;
background-size: auto 100%;
margin-top: -1px;
margin-right: 5px;
}
.faz_con .cleft .dev_index_l_wrap li span {
position: relative;
padding-right: 30px;
color: #5e5e5e;
font-family: Arial;
float: right;
right: -5px;
margin-top: -1px;
cursor: pointer;
}
.faz_con .cleft .dev_index_l_wrap li.active span {
font-size: 72px;
color: #e7c901;
font-weight: bold;
background: url(/Jzw/Tpl/Home/Default/images/fazhan/dev_cir.jpg) no-repeat right center;
}
.faz_con .dev_index_r {
width: 900px;
float: left;
margin-left: 115px;
overflow-y: scroll;
height: 900px;
}
.faz_con .dev_index_r::-webkit-scrollbar {
/*滚动条整体样式*/
width: 10px;
/*高宽分别对应横竖滚动条的尺寸*/
height: 1px;
}
.faz_con .dev_index_r::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: 10px;
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
background: #535353;
}
.faz_con .dev_index_r::-webkit-scrollbar-track {
/*滚动条里面轨道*/
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 10px;
background: #ededed;
}
.faz_con .dev_index_r .dev_index_r_part > h4 {
color: #d2d2d2;
border-top: 5px solid #d2d2d2;
font-size: 120px;
font-family: "Microsoft Yahei";
margin-right: 20px;
}
.faz_con .dev_index_r ul {
position: relative;
margin-bottom: 40px;
}
.faz_con .dev_index_r li {
width: 400px;
margin-bottom: 22px;
float: left;
margin-right: 10px;
}
.faz_con .dev_index_r li a {
display: block;
}
.faz_con .dev_index_r li:nth-child(2n) {
margin-right: 0px;
}
.faz_con .dev_index_r li .year_wrap {
width: 400px;
border: 1px solid #dddddd;
position: relative;
}
.faz_con .dev_index_r li .year_wrap p {
position: absolute;
bottom: 0;
left: 0;
background: #000000;
opacity: 0.7;
color: #fff;
text-align: center;
font-size: 16px;
width: 100%;
margin: 0;
z-index: 99;
line-height: 30px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
height: 30px;
}
.faz_con .dev_index_r li.odd .year_wrap {
float: right;
}
.faz_con .dev_index_r li .year_wrap img {
width: 100%;
}
.faz_con .year_box {
position: relative;
z-index: 20;
height: 260px;
}
.faz_con .year_box h4 {
color: #2b2b2b;
margin-bottom: 6px;
}
.faz_con .year_box p {
color: #616161;
font-size: 14px;
line-height: 1.7em;
}
.faz_con .dev_index_r .year_box h4 {
display: inline-block;
line-height: 40px;
text-align: center;
position: relative;
}
.faz_con .dev_index_r .year_box span {
width: 40px;
height: 40px;
display: inline-block;
margin-left: 23px;
}
.faz_con .dev_index_r .year_box h4:hover em {
opacity: 1;
}
.faz_con .dev_index_r .year_box em {
opacity: 0;
height: 35px;
line-height: 35px;
display: inline-block;
margin-left: 14px;
background: #d2d2d2;
width: 91px;
color: #fff;
font-size: 14px;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: all 0.3s;
font-style: normal;
}
.faz_con .dev_index_r .year_box em:before {
content: "";
display: block;
position: absolute;
width: 8px;
height: 12px;
top: 50%;
transform: translateY(-50%);
background: url(/images/add_icon_10.png);
left: -5px;
}
.linian_box1 {
padding-top: 60px;
padding-bottom: 40px;
}
.linian_box1 .dlist1 {
margin-top: 70px;
}
.linian_box1 .dlist1 .item {
width: 100%;
height: 340px;
overflow: hidden;
margin-top: 30px;
}
.linian_box1 .dlist1 .item .con {
float: right;
}
.linian_box1 .dlist1 .item .con1 {
width: 50%;
box-sizing: border-box;
height: 100%;
position: relative;
padding-top: 30px;
}
.linian_box1 .dlist1 .item .con1 .txt {
width: 482px;
margin: 0 auto;
}
.linian_box1 .dlist1 .item .con1 .a1 {
font-size: 24px;
font-family: Microsoft YaHei;
color: #6C6C6C;
width: 100%;
text-align: center;
}
.linian_box1 .dlist1 .item .con1 .xian {
width: 50px;
height: 3px;
background: #e7c901;
display: block;
margin: 0 auto;
margin-top: 24px;
}
.linian_box1 .dlist1 .item .con1 .a2 {
position: relative;
font-size: 18px;
font-family: Microsoft YaHei;
color: #6C6C6C;
margin: 0 auto;
margin-top: 26px;
text-align: justify;
}
.linian_box1 .dlist1 .item .con2 {
width: 50%;
box-sizing: border-box;
}
.linian_box1 .dlist1 .item .con2 .pic {
width: 482px;
height: 311px;
overflow: hidden;
margin: 0 auto;
}
.linian_box1 .dlist1 .item .con2 .pic img {
width: 100%;
max-width: 100%;
}
.linian_box1 .dlist1 .item .con2 .pic img {
transition: all 0.6s;
-ms-transition: all 0.8s;
}
.linian_box1 .dlist1 .item .con2 .pic img:hover {
transform: scale(1.1);
-ms-transform: scale(1.1);
}
.linian_box1 .dlist1 .item:nth-child(2n) .con {
float: left;
}
.hezuo_box1 {
width: 420px;
height: 112px;
box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
margin: 0 auto;
margin-top: -56px;
}
.hezuo_box1 a {
display: block;
float: left;
position: relative;
width: 50%;
height: 100%;
background: #fff;
}
.hezuo_box1 a .shuzi {
width: 60px;
height: 52px;
margin: 0 auto;
position: relative;
margin-top: 12px;
overflow: hidden;
}
.hezuo_box1 a .shuzi span {
font-size: 48px;
color: #CCCCCC;
font-weight: bold;
line-height: 52px;
position: absolute;
bottom: -24px;
}
.hezuo_box1 a .shuzi span.active {
color: #e7c901;
bottom: -8px;
}
.hezuo_box1 a p {
width: 100%;
font-size: 18px;
color: #333333;
text-align: center;
margin: 0;
margin-top: 4px;
}
.hezuo_box1 a .xian {
position: absolute;
top: 40px;
right: 0px;
width: 2px;
height: 30px;
background: #ccc;
display: block;
opacity: 0.5;
}
.hezuo_box1 a:hover .shuzi span {
color: #e7c901;
}
.hezuo_box2 {
margin-top: 70px;
background: #f5f5f5;
margin-bottom: 70px;
}
.hezuo_box2 .cleft {
float: left;
width: 222px;
}
.hezuo_box2 .cleft a {
width: 100%;
height: 50px;
display: block;
background: #fff;
color: #666666;
font-size: 16px;
text-align: center;
line-height: 50px;
}
.hezuo_box2 .cleft a.active {
background: #e7c901;
color: #fff;
}
.hezuo_box2 .cleft a:hover {
background: #e7c901;
color: #fff;
}
.hezuo_box2 .cright {
float: right;
width: 982px;
}
.hezuo_box2 .cright .item {
float: left;
width: 320px;
height: 100px;
background: #fff;
margin-right: 8px;
margin-bottom: 8px;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
}
.hezuo_box2 .cright .item img {
transition: all 0.6s;
-ms-transition: all 0.8s;
}
.hezuo_box2 .cright .item:nth-child(3n) {
margin-right: 0px;
}
.hezuo_box2 .cright .item:hover {
box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);
}
.hezuo_box2 .cright .item:hover img {
transform: scale(1.1);
-ms-transform: scale(1.1);
}
.hezuo_box2 .meiti {
width: 100%;
padding: 0 36px;
}
.hezuo_box2 .meiti .item {
width: 278px;
height: 100px;
}
.hezuo_box2 .meiti .item:nth-child(3n) {
margin-right: 8px;
}
.hezuo_box2 .meiti .item:nth-child(4n) {
margin-right: 0px;
}
.yueli_box1 {
padding-top: 262px;
}
.yueli_box1 .top1 {
font-size: 36px;
color: #fff;
font-weight: bold;
text-align: center;
}
.yueli_box1 .xian {
margin-top: 16px;
width: 279px;
margin: 0 auto;
display: block;
}
.yueli_box1 .top2 {
text-align: center;
margin: 0;
margin-top: 20px;
font-size: 26px;
color: #e7c901;
}
.yueli_box1 .top3 {
font-size: 18px;
color: #fff;
margin: 0 auto;
margin-top: 40px;
text-align: justify;
line-height: 30px;
}
.yueli_box2 {
height: 400px;
}
.yueli_box2 .item1 {
width: 50%;
height: 100%;
background: #F5F5F5;
float: left;
position: relative;
}
.yueli_box2 .item1 .a1 {
font-size: 24px;
color: #333;
position: absolute;
top: 115px;
right: 40%;
}
.yueli_box2 .item1 .a2 {
position: absolute;
top: 183px;
right: 5%;
font-size: 18px;
color: #333333;
width: 70%;
text-align: justify;
}
.yueli_box2 .item1 .a2 span {
width: 80px;
height: 1px;
background: #000000;
position: absolute;
top: 12px;
left: -100px;
}
.yueli_box2 .item2 {
width: 50%;
height: 100%;
background: #252525;
float: right;
position: relative;
}
.yueli_box2 .item2 .a1 {
font-size: 24px;
color: #FFF;
position: absolute;
top: 115px;
right: 40%;
}
.yueli_box2 .item2 .a2 {
position: absolute;
top: 183px;
right: 5%;
font-size: 18px;
color: #FFF;
width: 70%;
text-align: justify;
}
.yueli_box2 .item2 .a2 span {
width: 80px;
height: 1px;
background: #fff;
position: absolute;
top: 12px;
left: -100px;
}
.yueli_box3 {
padding-top: 60px;
}
.yueli_box3 .dlist1 {
margin: 0 5%;
margin-top: 40px;
}
.yueli_box3 .dlist1 .item {
width: 31%;
margin-right: 3%;
float: left;
margin-bottom: 30px;
}
.yueli_box3 .dlist1 .item .pic {
width: 100%;
height: 308px;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
border: 1px dashed #999999;
}
.yueli_box3 .dlist1 .item .pic img {
transition: all 0.6s;
-ms-transition: all 0.8s;
max-width: 100%;
max-height: 100%;
}
.yueli_box3 .dlist1 .item .pic img:hover {
transform: scale(1.1);
-ms-transform: scale(1.1);
}
.yueli_box3 .dlist1 .item .a1 {
font-size: 24px;
color: #343434;
text-align: left;
width: 100%;
line-height: 40px;
margin-top: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
height: 40px;
}
.yueli_box3 .dlist1 .item .a2 {
width: 100%;
height: 1px;
background: #CCCCCC;
}
.yueli_box3 .dlist1 .item:nth-child(3n) {
margin-right: 0;
}
.yueli_box4 {
padding-top: 60px;
}
.yueli_box4 .dlist1 {
margin: 0 5%;
margin-top: 40px;
margin-bottom: 40px;
}
.yueli_box4 .dlist1 .item {
float: left;
position: relative;
padding: 0;
}
.yueli_box4 .dlist1 .item .pic {
width: 90%;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
border: 1px dashed #999999;
}
.yueli_box4 .dlist1 .item .pic img {
transition: all 0.6s;
-ms-transition: all 0.8s;
max-width: 100%;
max-height: 100%;
}
.yueli_box4 .dlist1 .item .pic img:hover {
transform: scale(1.1);
-ms-transform: scale(1.1);
}
.yueli_box4 .dlist1 .item .a1 {
position: absolute;
top: 0;
left: 0;
width: 90%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 24px;
color: #ffffff;
background: #000000;
opacity: 0.7;
margin: 0;
}
.yueli_box4 .dlist1 .item .a2 {
display: none !important;
position: absolute;
top: 0;
left: 0;
width: 90%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 16px;
color: #ffffff;
background: #000000;
opacity: 0.7;
margin: 0;
padding: 0 10%;
text-indent: 30px;
text-align: justify;
}
.yueli_box4 .dlist1 .item:nth-child(4n) {
margin-right: 0;
}
.yueli_box4 .dlist1 .item:hover .a1 {
display: none !important;
}
.yueli_box4 .dlist1 .item:hover .a2 {
display: flex !important;
}
.kuaile_box1 {
padding-top: 262px;
}
.kuaile_box1 .top1 {
font-size: 36px;
color: #fff;
font-weight: bold;
text-align: center;
}
.kuaile_box1 .xian {
margin-top: 16px;
width: 279px;
margin: 0 auto;
display: block;
}
.kuaile_box1 .top2 {
text-align: center;
margin: 0;
margin-top: 20px;
font-size: 26px;
color: #e7c901;
}
.kuaile_box1 .top3 {
font-size: 18px;
color: #fff;
margin: 0 auto;
margin-top: 40px;
text-align: justify;
line-height: 30px;
text-indent: 36px;
}
.kuaile_box2 {
margin-top: 80px;
}
.kuaile_box2 .cleft {
float: left;
width: 566px;
height: 269px;
position: relative;
}
.kuaile_box2 .cleft img {
width: 100%;
height: 100%;
}
.kuaile_box2 .cleft .txt {
position: absolute;
top: 34px;
left: 0;
width: 100%;
height: 202px;
background: #000000;
opacity: 0.7;
}
.kuaile_box2 .cleft .txt .a1 {
font-size: 24px;
color: #fff;
text-align: center;
margin-top: 30px;
}
.kuaile_box2 .cleft .txt .xian {
width: 43px;
height: 3px;
background: #e7c901;
margin: 0 auto;
margin-top: 10px;
}
.kuaile_box2 .cleft .txt .a2 {
width: 460px;
margin: 0 auto;
margin-top: 10px;
font-size: 16px;
color: #fff;
text-indent: 30px;
text-align: justify;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
height: auto;
}
.kuaile_box2 .cright {
float: right;
width: 566px;
height: 269px;
position: relative;
}
.kuaile_box2 .cright img {
width: 100%;
height: 100%;
}
.kuaile_box2 .cright .txt {
position: absolute;
top: 34px;
left: 0;
width: 100%;
height: 202px;
background: #000000;
opacity: 0.7;
}
.kuaile_box2 .cright .txt .a1 {
font-size: 24px;
color: #fff;
text-align: center;
margin-top: 30px;
}
.kuaile_box2 .cright .txt .xian {
width: 43px;
height: 3px;
background: #e7c901;
margin: 0 auto;
margin-top: 10px;
}
.kuaile_box2 .cright .txt .a2 {
width: 460px;
margin: 0 auto;
margin-top: 10px;
font-size: 16px;
color: #fff;
text-indent: 30px;
text-align: justify;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
height: auto;
}
.kuaile_box3 {
margin-top: 60px;
}
.kuaile_box3 .dlist1 {
margin-top: 70px;
width: 100%;
margin-bottom: 70px;
}
.kuaile_box3 .dlist1 .item {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
width: 100%;
height: 340px;
overflow: hidden;
margin-top: 30px;
}
.kuaile_box3 .dlist1 .item .con {
float: right;
}
.kuaile_box3 .dlist1 .item .con1 {
width: 50%;
box-sizing: border-box;
height: 100%;
position: relative;
padding-top: 30px;
}
.kuaile_box3 .dlist1 .item .con1 .txt {
width: 511px;
margin: 0 auto;
}
.kuaile_box3 .dlist1 .item .con1 .a1 {
font-size: 24px;
font-family: Microsoft YaHei;
color: #6C6C6C;
width: 100%;
text-align: center;
}
.kuaile_box3 .dlist1 .item .con1 .xian {
width: 50px;
height: 3px;
background: #e7c901;
display: block;
margin: 0 auto;
margin-top: -20px;
}
.kuaile_box3 .dlist1 .item .con1 .a2 {
position: relative;
font-size: 24px;
font-family: Microsoft YaHei;
color: #333333;
margin: 0 auto;
margin-top: 16px;
text-align: justify;
text-align: center;
}
.kuaile_box3 .dlist1 .item .con1 .a3 {
font-size: 18px;
color: #666666;
margin-top: 30px;
font-family: Microsoft YaHei;
}
.kuaile_box3 .dlist1 .item .con2 {
width: 50%;
box-sizing: border-box;
}
.kuaile_box3 .dlist1 .item .con2 .pic {
width: 528px;
height: 397px;
overflow: hidden;
float: left;
}
.kuaile_box3 .dlist1 .item .con2 .pic img {
width: 100%;
max-width: 100%;
}
.kuaile_box3 .dlist1 .item .con2 .pic img {
transition: all 0.6s;
-ms-transition: all 0.8s;
}
.kuaile_box3 .dlist1 .item .con2 .pic img:hover {
transform: scale(1.1);
-ms-transform: scale(1.1);
}
.kuaile_box3 .dlist1 .item:nth-child(2n) .con {
float: left;
}
.kuaile_box3 .dlist1 .item:nth-child(2n) .con2 .pic {
float: right;
}
.cj_box1 {
padding-top: 262px;
}
.cj_box1 .top1 {
font-size: 36px;
color: #fff;
font-weight: bold;
text-align: center;
}
.cj_box1 .xian {
margin-top: 16px;
width: 279px;
margin: 0 auto;
display: block;
}
.cj_box1 .top2 {
text-align: center;
margin: 0;
margin-top: 20px;
font-size: 26px;
color: #e7c901;
}
.cj_box1 .top3 {
font-size: 18px;
color: #fff;
margin: 0 auto;
margin-top: 40px;
text-align: justify;
line-height: 30px;
}
.cj_box2 {
margin-top: 60px;
}
.cj_box2 .dlist1 {
margin-top: 70px;
width: 1200px;
margin-bottom: 70px;
}
.cj_box2 .dlist1 .item {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
width: 100%;
height: 305px;
overflow: hidden;
}
.cj_box2 .dlist1 .item .con {
float: right;
}
.cj_box2 .dlist1 .item .con1 {
width: 50%;
box-sizing: border-box;
height: 100%;
position: relative;
}
.cj_box2 .dlist1 .item .con1 .txt {
width: 511px;
margin: 0 auto;
margin-top: 50px;
}
.cj_box2 .dlist1 .item .con1 .a1 {
font-size: 24px;
font-family: Microsoft YaHei;
color: #6C6C6C;
width: 100%;
text-align: center;
}
.cj_box2 .dlist1 .item .con1 .xian {
width: 50px;
height: 3px;
background: #e7c901;
display: block;
margin: 0 auto;
margin-top: -20px;
display: none;
}
.cj_box2 .dlist1 .item .con1 .a2 {
position: relative;
font-size: 24px;
font-family: Microsoft YaHei;
color: #333333;
margin: 0 auto;
margin-top: 16px;
text-align: justify;
text-align: center;
}
.cj_box2 .dlist1 .item .con1 .a3 {
font-size: 18px;
color: #666666;
margin-top: 30px;
font-family: Microsoft YaHei;
}
.cj_box2 .dlist1 .item .con2 {
width: 50%;
box-sizing: border-box;
}
.cj_box2 .dlist1 .item .con2 .pic {
width: 601px;
height: 305px;
overflow: hidden;
float: left;
}
.cj_box2 .dlist1 .item .con2 .pic img {
width: 100%;
max-width: 100%;
}
.cj_box2 .dlist1 .item .con2 .pic img {
transition: all 0.6s;
-ms-transition: all 0.8s;
}
.cj_box2 .dlist1 .item .con2 .pic img:hover {
transform: scale(1.1);
-ms-transform: scale(1.1);
}
.cj_box2 .dlist1 .item:nth-child(2n) .con {
float: left;
}
.cj_box2 .dlist1 .item:nth-child(2n) .con2 .pic {
float: right;
}
.cj_box3 {
background: url(/Jzw/Tpl/Home/Default/images/chuangjia/case_bg.png) center no-repeat;
background-size: cover;
height: 760px;
width: 100%;
box-sizing: border-box;
}
.cj_box3 .sw_anli {
margin-top: 80px;
height: 350px;
}
.cj_box3 .sw_anli .swiper-slide {
width: 50%;
height: 288px;
background: #fff;
}
.cj_box3 .sw_anli .swiper-slide .pic {
width: 50%;
height: 288px;
overflow: hidden;
float: left;
display: flex;
align-items: center;
}
.cj_box3 .sw_anli .swiper-slide .pic img {
max-width: 100%;
max-height: 100%;
}
.cj_box3 .sw_anli .swiper-slide .txt {
width: 42%;
float: right;
margin-right: 4%;
}
.cj_box3 .sw_anli .swiper-slide .txt .a1 {
font-size: 18px;
color: #333333;
margin-top: 30px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
height: auto;
}
.cj_box3 .sw_anli .swiper-slide .txt .a2 {
font-size: 14px;
color: #333333;
line-height: 24px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
height: 46px;
}
.cj_box3 .sw_anli .swiper-slide .txt .a3 {
font-size: 12px;
color: #333333;
}
.cj_box3 .sw_anli .swiper-slide .txt a {
display: block;
width: 154px;
height: 43px;
background: #e7c901;
border-radius: 22px;
font-size: 18px;
color: #fff;
text-align: center;
line-height: 43px;
margin-top: 22px;
}
.cj_box3 .sw_anli .swiper-pagination-bullet {
background: #333333;
opacity: 0.9;
width: 20px;
height: 2px;
border-radius: 2px;
}
.cj_box3 .sw_anli .swiper-pagination-bullet-active {
opacity: 1;
background: #e7c901;
width: 20px;
height: 2px;
border-radius: 2px;
}
.cj_box4 {
margin-top: 50px;
}
.cj_box4 .dlist1 {
float: left;
margin-top: 38px;
margin-bottom: 60px;
}
.cj_box4 .dlist1 .item {
width: 386px;
height: 300px;
margin-right: 20px;
background: #fff;
box-sizing: border-box;
padding-top: 10px;
float: left;
margin-bottom: 20px;
}
.cj_box4 .dlist1 .item .pic {
width: 366px;
height: 248px;
background-size: cover;
margin: 0 auto;
}
.cj_box4 .dlist1 .item p {
font-size: 16px;
color: #242424;
padding: 0 10px;
line-height: 42px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
height: 42px;
}
.cj_box4 .dlist1 .item:nth-child(3n) {
margin-right: 0px;
}
.cj_box4 .dlist1 .item:hover {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.cj_box4 .dlist1 .item:hover p {
color: #e7c901;
}
.cj_box5 {
background: url(/Jzw/Tpl/Home/Default/images/about/case_bg.png) no-repeat;
background-size: cover;
height: 800px;
width: 100%;
padding-top: 110px;
box-sizing: border-box;
}
.cj_box5 .sw_anli {
margin-top: 70px;
height: 480px;
}
.cj_box5 .sw_anli .swiper-slide .txt {
color: #fff;
font-size: 16px;
box-sizing: border-box;
margin: 0;
margin-bottom: 16px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
height: 152px;
display: flex;
align-items: flex-end;
justify-content: center;
}
.cj_box5 .sw_anli .swiper-slide .txt a {
display: block;
color: #fff;
}
.cj_box5 .sw_anli .swiper-slide .pic {
margin-left: 6px;
}
.cj_box5 .sw_anli .swiper-slide .date {
height: 168px;
}
.cj_box5 .sw_anli .swiper-slide .date .xian {
width: 2px;
height: 56px;
background: #e7c901;
display: block;
margin: 0 auto;
}
.cj_box5 .sw_anli .swiper-slide .date .yuan {
width: 90px;
height: 90px;
margin: 0 auto;
border-radius: 50%;
text-align: center;
line-height: 90px;
background: #e7c901;
color: #fff;
font-size: 28px;
position: relative;
}
.cj_box5 .sw_anli .swiper-slide:nth-child(2n) .txt {
padding-bottom: 0;
padding-top: 20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 8;
height: 196px;
display: flex;
align-items: flex-start;
justify-content: center;
}
.cj_box5 .sw_anli .swiper-slide:nth-child(2n) .date {
padding-top: 24px;
}
.cj_box5 .sw_anli .swiper-pagination-bullet {
background: #333333;
opacity: 0.9;
width: 20px;
height: 2px;
border-radius: 2px;
}
.cj_box5 .sw_anli .swiper-pagination-bullet-active {
opacity: 1;
background: #e7c901;
width: 20px;
height: 2px;
border-radius: 2px;
}
.about_box1 {
padding-top: 180px;
}
.about_box1 .top1 {
font-size: 36px;
color: #fff;
font-weight: bold;
text-align: center;
}
.about_box1 .xian {
margin-top: 16px;
width: 279px;
margin: 0 auto;
display: block;
}
.about_box1 .top2 {
text-align: center;
margin: 0;
margin-top: 20px;
font-size: 26px;
color: #e7c901;
}
.about_box1 .top3 {
font-size: 18px;
color: #fff;
margin: 0 auto;
margin-top: 40px;
text-align: justify;
line-height: 30px;
}
.about_box1 .dlist1 {
height: 100px;
width: 900px;
margin: 0 auto;
margin-top: 70px;
}
.about_box1 .dlist1 .item {
float: left;
width: 300px;
text-align: center;
position: relative;
}
.about_box1 .dlist1 .item .a1 {
font-size: 40px;
color: #fff;
margin: 0;
}
.about_box1 .dlist1 .item .a2 {
font-size: 24px;
color: #fff;
margin: 0;
}
.about_box1 .dlist1 .item span {
display: block;
width: 2px;
height: 70px;
background: #fff;
position: absolute;
top: 16px;
right: 0px;
}
.about_box1 .dlist1 .item:nth-child(3n) span {
display: none;
}
.about_box2 .dlist1 {
width: 1200px;
margin-bottom: 30px;
margin-top: 30px;
}
.about_box2 .dlist1 .item {
float: left;
width: 380px;
margin-right: 30px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
text-align: center;
padding-bottom: 10px;
}
.about_box2 .dlist1 .item a {
display: block;
}
.about_box2 .dlist1 .item .pic {
width: 380px;
height: 216px;
overflow: hidden;
}
.about_box2 .dlist1 .item .pic img {
width: 100%;
max-width: 100%;
transition: all 0.6s;
-ms-transition: all 0.8s;
}
.about_box2 .dlist1 .item .pic img:hover {
transform: scale(1.1);
-ms-transform: scale(1.1);
}
.about_box2 .dlist1 .item .a1 {
font-size: 26px;
color: #000000;
margin: 0;
margin-top: 10px;
}
.about_box2 .dlist1 .item .a2 {
font-size: 16px;
color: #666666;
margin: 0;
}
.about_box2 .dlist1 .item:nth-child(3n) {
margin-right: 0px;
}
.about_box3 {
background: url(/Jzw/Tpl/Home/Default/images/about/case_bg.png) no-repeat;
background-size: cover;
height: 800px;
width: 100%;
padding-top: 110px;
box-sizing: border-box;
}
.about_box3 .sw_anli {
margin-top: 110px;
height: 420px;
}
.about_box3 .sw_anli .swiper-slide .txt {
color: #fff;
font-size: 16px;
height: 140px;
padding-bottom: 70px;
box-sizing: border-box;
margin: 0;
}
.about_box3 .sw_anli .swiper-slide .pic {
margin-left: 6px;
}
.about_box3 .sw_anli .swiper-slide .date {
height: 140px;
}
.about_box3 .sw_anli .swiper-slide .date .xian {
width: 2px;
height: 56px;
background: #e7c901;
display: block;
margin: 0 auto;
}
.about_box3 .sw_anli .swiper-slide .date .yuan {
width: 90px;
height: 90px;
margin: 0 auto;
border-radius: 50%;
text-align: center;
line-height: 90px;
background: #e7c901;
color: #fff;
font-size: 28px;
position: relative;
}
.about_box3 .sw_anli .swiper-slide:nth-child(2n) .txt {
padding-bottom: 0;
padding-top: 60px;
}
.about_box3 .sw_anli .swiper-pagination-bullet {
background: #333333;
opacity: 0.9;
width: 20px;
height: 2px;
border-radius: 2px;
}
.about_box3 .sw_anli .swiper-pagination-bullet-active {
opacity: 1;
background: #e7c901;
width: 20px;
height: 2px;
border-radius: 2px;
}
.about_box4 {
margin-top: 50px;
}
.about_box4 .con {
padding-bottom: 80px;
}
.about_box4 .con .dlist1 {
margin-top: 40px;
padding: 0 34px;
}
.about_box4 .con .dlist1 .item {
float: left;
width: 380px;
margin-right: 10px;
text-align: center;
margin-bottom: 20px;
}
.about_box4 .con .dlist1 .item a {
display: block;
}
.about_box4 .con .dlist1 .item .pic {
width: 380px;
height: 240px;
overflow: hidden;
}
.about_box4 .con .dlist1 .item .pic img {
width: 100%;
max-width: 100%;
transition: all 0.6s;
-ms-transition: all 0.8s;
}
.about_box4 .con .dlist1 .item .pic img:hover {
transform: scale(1.1);
-ms-transform: scale(1.1);
}
.about_box4 .con .dlist1 .item .a1 {
font-size: 18px;
color: #333333;
margin-top: 10px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
height: auto;
}
.about_box4 .con .dlist1 .item:nth-child(3n) {
margin-right: 0px;
}
.about_box5 {
background: url(/Jzw/Tpl/Home/Default/images/about/case_bg.png) no-repeat;
background-size: cover;
height: 600px;
width: 100%;
padding-top: 50px;
box-sizing: border-box;
}
.about_box5 .sw_anli {
margin-top: 110px;
height: 420px;
}
.about_box5 .sw_anli .swiper-slide {
width: 300px;
height: 300px;
background: #e7c901;
position: relative;
cursor: pointer;
}
.about_box5 .sw_anli .swiper-slide .txt {
color: #fff;
font-size: 26px;
text-align: center;
line-height: 300px;
}
.about_box5 .sw_anli .swiper-slide .desc {
opacity: 0;
margin: 0;
padding: 0 20px;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.48);
width: 100%;
height: 100%;
color: #fff;
font-size: 16px;
display: flex;
align-items: center;
transition: all 1s;
text-align: justify;
}
.about_box5 .sw_anli .swiper-slide:hover .txt {
display: none;
}
.about_box5 .sw_anli .swiper-slide:hover .desc {
opacity: 1;
}
.about_box5 .sw_anli .swiper-pagination-bullet {
background: #333333;
opacity: 0.9;
width: 20px;
height: 2px;
border-radius: 2px;
}
.about_box5 .sw_anli .swiper-pagination-bullet-active {
opacity: 1;
background: #e7c901;
width: 20px;
height: 2px;
border-radius: 2px;
}
.about_box5 .dlist1 {
margin-top: 20px;
}
.about_box5 .dlist1 .item {
width: 390px;
float: left;
height: 220px;
background: #999;
color: #fff;
padding: 12px;
margin-top: 20px;
margin-right: 15px;
position: relative;
cursor: pointer;
}
.about_box5 .dlist1 .item .txt {
text-align: center;
font-size: 20px;
line-height: 196px;
}
.about_box5 .dlist1 .item .desc {
opacity: 0;
margin: 0;
padding: 0 20px;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.48);
width: 100%;
height: 100%;
color: #fff;
font-size: 16px;
display: flex;
align-items: center;
transition: all 1s;
text-align: justify;
}
.about_box5 .dlist1 .item:nth-child(3n) {
margin-right: 0px;
}
.about_box5 .dlist1 .item:hover .txt {
display: none;
}
.about_box5 .dlist1 .item:hover .desc {
opacity: 1;
}
.about_box5 .dlist2 {
margin: 0 5%;
padding-top: 80px;
margin-bottom: 40px;
}
.about_box5 .dlist2 .item {
float: left;
position: relative;
padding: 0;
}
.about_box5 .dlist2 .item .pic {
width: 90%;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
}
.about_box5 .dlist2 .item .pic img {
transition: all 0.6s;
-ms-transition: all 0.8s;
max-width: 100%;
max-height: 100%;
}
.about_box5 .dlist2 .item .pic img:hover {
transform: scale(1.1);
-ms-transform: scale(1.1);
}
.about_box5 .dlist2 .item .a1 {
position: absolute;
top: 0;
left: 0;
width: 90%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 26px;
color: #ffffff;
background: rgba(0, 0, 0, 0.4);
margin: 0;
}
.about_box5 .dlist2 .item .a2 {
display: none !important;
position: absolute;
top: 0;
left: 0;
width: 90%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
color: #ffffff;
background: rgba(0, 0, 0, 0.4);
margin: 0;
padding: 0 10%;
text-indent: 30px;
text-align: justify;
}
.about_box5 .dlist2 .item:nth-child(4n) {
margin-right: 0;
}
.about_box5 .dlist2 .item:hover .a1 {
display: none !important;
}
.about_box5 .dlist2 .item:hover .a2 {
display: flex !important;
}
/*# sourceMappingURL=./style.css.map */