@charset "utf-8";
/* header&foot */
@font-face { font-family:"xingkai";src: url("../font/xingkai.ttf");}
@font-face { font-family:"zihun";src: url("../font/zihun.TTF");}
@font-face { font-family:"din";src: url("../font/din.ttf");}
.box{width: 1560px; margin: 0 auto; max-width: 100%;}
header{ width: 100%; position: relative;}
a,img{ transition: 0.3s; color: #333;}
a:hover{ }
.head{ width: 100%;transition: 0.3s; height: 90px;  color: #505050;  position: fixed; z-index: 996; left: 0; top:0 }
.head.active{ background-color:rgba(0,0,0,0.6);}
.head .box{display: flex; align-items: center; justify-content: space-between; height: 100%;position: relative;}
.logo{ height:40px; transition: 0.3s; margin-right: 70px;}
.logo a{display: block; height: 100%;}
.logo a img{display: block; height: 100%;}
nav{ height: 100%;font-weight: 400;display: flex; width: calc(100% - 600px);}
.nav-box{display: flex;align-items: center; flex-wrap: wrap; justify-content: space-between; width: 100%; height: 100%;}
.nav-item{position: relative;height: 100%; transition: 0.3s; }
.mc{display: none;}
.first-nav{ height: 100%; width: 100%;}
.first-nav a{display: flex; align-items: center; justify-content: center; height: 100%; position: relative; transition: 0.3s; padding: 0 14px; font-size: 18px; color: #fff;}
.first-nav a i{display: block; margin-left: 10px; transition: 0.3s; display: none;}
.first-nav a i::before{content: "\e600";}
.first-nav.focus i{transform: rotate(180deg);}
.first-nav a em{ position: absolute; bottom: 0; width: 0; height: 3px; background-color: #ccccce; left: 50%; transform: translateX(-50%); transition: 0.3s;}
.first-nav a:hover em,.nav-item:hover .first-nav a em,.first-nav.on a em{ width: 100%;}
.second-nav{position: absolute; left:50%; top: 90px; background: rgba(22,140,202,0.8); box-sizing: border-box;  z-index: 997; max-height: 0; overflow: hidden;transition: 0.6s; min-width: 100%;transform: translateX(-50%); }
.second-nav a{color: #fff; display: block;font-size: 16px; line-height: 3; transition: 0.3s; padding:0 20px; white-space: nowrap; border-bottom: 1px solid rgba(255,255,255,0.3); text-align: center;}
.second-nav a:last-child{ border-bottom: none;}
.second-nav a:hover{text-shadow: 2px 2px 2px rgba(0,0,0,0.7);}
.nav-item:hover .second-nav{ max-height: 1000px;}
.mBtn{ width: 40px; height: 40px; border-radius: 4px;cursor: pointer;   box-sizing: border-box;  /* background: #168cca; */ margin-left:20px;  display: none;}
.mBtn span{ display: block;  width: 26px;}
.mBtn span i{width: 100%; height: 2px; background: #fff; display: block; margin: 0 auto;  margin-top: 5px; transition: 0.5s;}
.mBtn span i:first-child{margin-top: 0;}
.mBtn.active{ background-color: #0c6eb9;}
.mBtn.active span i:nth-child(1){transform: rotate(45deg) translateY(4px) translateX(4px);}
.mBtn.active span i:nth-child(2){transform: rotate(-45deg) translateY(-1px) translateX(1px);}
.mBtn.active span i:nth-child(3){ width: 4px;}
.head_right{display: flex;  align-items: center; height: 100%; position: relative; margin-left: 40px;}
.hedri{ display: flex; align-items:center;}
.djsous{ cursor: pointer;}
.souk{ display: flex; align-items: center; box-sizing: border-box; justify-content: space-between;transition: 0.3s;}
.souk input{ border: none; background: none; font-size: 16px;width: 0;width: 0;transition: 0.3s;}
.souk.active input{ width: 200px; padding:0 20px; box-sizing: border-box; padding-left: 10px; color: #fff;}
.souk .djsous{width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center;cursor: pointer; transition: 0.3s;opacity: 0.9;}
.souk .djsous img{ width: 100%; display: block;}
.souk .djsous:hover{opacity: 1;}
.souk input::-webkit-input-placeholder{color: #ddd;}
.djsous.active{opacity: 1;}
.hedri h1{ font-size: 30px; font-weight: 100; padding: 10px; display: none; cursor: pointer;transition: 0.3s; color: #fff;}
.hedri h1.active{ display: block;transform: rotate(90deg);}
.hedri h1.active:hover{transform-origin: center center; }

.banner{ width:100%;  height: 100vh; position: relative;} 
.banner_swiper{width: 100%;height: 100%;}
.banner_swiper .swiper-slide{width: 100%; height: 100%; overflow: hidden;}
.ban_bg{width: 100%; height: 100%;}
.bn_tx{position: absolute; left:50%; top: 50%; transform: translate(-50%,-50%); color: #fff; width: 1560px; max-width: 90%;display: flex; justify-content: center;}
.tx1,.tx2{ display: flex; font-size: 80px;font-family: '楷体'; font-weight:100; margin-bottom: 1em;}
.tx1 i,.tx2 i{transform: translateY(100px);opacity: 0; font-weight: bold; display: flex; align-items: center;background: linear-gradient(to bottom, #fff 50%, rgba(255,255,255,0));-webkit-background-clip: text; color: transparent; /* text-shadow: 2px -5px 0px rgba(255,255,255,1); */}
.tx1 i:nth-child(1){ transition: 1s ease-in-out 0.2s;}
.tx1 i:nth-child(2){transition: 1s ease-in-out 0.4s;}
.tx1 i:nth-child(3){transition: 1s ease-in-out 0.6s;}
.tx1 i:nth-child(4){transition: 1s ease-in-out 0.8s;}
.tx1 i:nth-child(5){transition: 1s ease-in-out 1s;}
.tx1 i:nth-child(6){transition: 1s ease-in-out 1.2s;}
.tx1 i:nth-child(7){transition: 1s ease-in-out 1.4s;}
.tx1 i:nth-child(8){transition: 1s ease-in-out 1.6s;}
.tx1 i:nth-child(9){transition: 1s ease-in-out 1.8s;}
.tx1 i:nth-child(10){transition: 1s ease-in-out 2s;}

.tx2 i:nth-child(1){ transition: 1s ease-in-out 2.4s;}
.tx2 i:nth-child(2){transition: 1s ease-in-out 2.6s;}
.tx2 i:nth-child(3){transition: 1s ease-in-out 2.8s;}
.tx2 i:nth-child(4){transition: 1s ease-in-out 3s;}
.tx2 i:nth-child(5){transition: 1s ease-in-out 3.2s;}
.tx2 i:nth-child(6){transition: 1s ease-in-out 3.4s;}
.tx2 i:nth-child(7){transition: 1s ease-in-out 3.6s;}
.tx2 i:nth-child(8){transition: 1s ease-in-out 3.8s;}
.tx2 i:nth-child(9){transition: 1s ease-in-out 4s;}
.tx2 i:nth-child(10){transition: 1s ease-in-out 4.2s;}
.tx2 i:nth-child(11){transition: 1s ease-in-out 4.4s;}
.tx2 i:nth-child(12){transition: 1s ease-in-out 4.6s;}
.tx2 i:nth-child(13){transition: 1s ease-in-out 4.8s;}

.tx1 i img{ width: 1em; display: block; position: relative; margin-left: -0.1em;}
.tx2 i img{ width: 1em;display: block; margin-left: -0.1em;}
.tx2 i:nth-child(1) img{ width: 2.5em; margin-right: 20px;}
.tx2 i:nth-child(5) img{ margin-left: 0.1em;}
.tx2 i:nth-child(7) img{ margin-left: 0.03em;}
.tx2{ padding-left: 2em;}
.banner_swiper .swiper-slide-active .bn_tx .tx1 i{transform: translateY(0); opacity: 1;}
.banner_swiper .swiper-slide-active .bn_tx .tx2 i{transform: translateY(0); opacity: 1;}

.banner_swiper .swiper-pagination{ width: 1560px; left: 50%;  top: auto; height: 14px!important;  bottom: 30px; text-align: left; transform: translateX(-50%); }
.banner_swiper .swiper-pagination-bullet{ width:14px;height:14px; box-sizing: border-box; border-radius:50%;  background: none;  border: 1px #fff solid;  }
.banner_swiper .swiper-pagination-bullet-active{opacity: 1;}
.banner_swiper .swiper-pagination-bullet-active::before{content: ""; display: block; width:4px;height: 4px; background: #fff; border-radius: 50%; margin:4px ;}
.bannernav{font-family:"zihun"; position: absolute; left: 50%; bottom:30px; display: flex; align-items: center; justify-content: space-around; transform: translateX(-50%); color: #fff;text-align: center; width: 1560px; max-width: 100%; z-index: 992;}
.bannernav h1{ font-size: 40px; color: #FFF; line-height: 2;}
.bannernav p{ font-size: 24px;color: #fff;}
.bannernav a:hover{ transform: translateY(-10px);}
.bannernav a:hover h1,.bannernav a:hover p{text-shadow: 2px 2px 2px 2px #000;}

footer{ width: 100%; color: #cecece; background-color: #494949;font-size: 14px;}
.foot{ display: flex;flex-wrap: wrap; justify-content: space-between;padding: 40px 0;}
footer a{ color: #d6d6d6;}
footer a:hover{  color: #fff;}
.ft0{ width: 262px;}
.ft0 h1 img{ display: block;}
.ft0 span{ display: flex; width: 100%; margin-top: 30px;}
.ft0 span p{ border: 1px solid #5f5e62; width: 50%; box-sizing: border-box; display: flex; justify-content: center; align-items: center; font-size: 16px; text-align: center; line-height: 2;}
.ft0 span p img{ width: 100%; box-sizing: border-box; padding: 8px; display: block;}
.ft1{ width:560px; display: flex;  box-sizing: border-box; justify-content:space-between; flex-wrap: wrap;}
.ft1 span h2{ font-size: 16px; margin-top: 20px;}
.ft1 span h3{ font-weight: bold; font-size: 32px; margin-top: 10px; font-family: arial; color: #cecece; white-space: nowrap;}
.ft1 span img{ display: block;}
.ft1 span p{ font-size: 16px; line-height: 28px;margin-top: 10px;color: #cecece;}
.ftdz{ width: 300px;}
.ft2{  width:calc(100% - 940px); display: flex;flex-wrap: wrap; justify-content: space-between; box-sizing: border-box;border-left: 1px solid #6b6b6b; padding-left:50px; align-items: center;}
.ft2 span{ display: flex;flex-wrap: wrap; width: 100%;}
.ft2 span h1{ font-size: 18px; font-weight: bold; width: 25%; margin: 20px 0; text-align: center;}
.ft2 span a{ color: #d6d6d6;}
.ft2 span a:hover{ color: #fff;}
.xian{ width: 100%; height: 1px; background-color: #6b6b6b;}
.ftdi{ padding: 25px 0; line-height: 2;display: flex; justify-content: center; flex-wrap: wrap; text-align: center;}
.ftdi i{ padding:0 8px;white-space: nowrap;}

#toTop{ background-color:rgba(0,0,0,0.4); right: 50px; bottom: 100px; width: 50px; height:50px; border-radius: 50%; display: flex; justify-content: center; align-items: center; transition: 0.3s; z-index: 966; }
#toTop:hover{background-color:rgba(22,140,202,0.8); }
#toTop img{ width: 60%;}

.title h1{ font-size: 40px; color: #fff; line-height: 1.1; font-family:"PingFangcu";}
.title p{font-size: 22px; color: #dadada; line-height: 1.1; margin-top: 5px;font-family:"PingFangcu";}
.more{ display: flex; background-color: #168cca; color: #fff; font-size: 18px; width: 156px; height: 48px; border-radius: 48px; align-items: center; box-sizing: border-box; padding-left: 24px; padding-right: 20px; transition: 0.3s;}
.more:hover{ width: 180px;padding-left: 30px; padding-right: 26px;}
.more img{ display: block; width: 28px; }

section{position: relative;}
main{width: 1560px; margin: 0 auto; max-width: 92%;}

.con1{ width: 100%; height: 820px; background: url(../img/con1.jpg) bottom center no-repeat; background-size: cover; max-height: 100vh;}
.con1box{ width: 100%; height: 100%; box-sizing: border-box; padding: 34px 0; display: flex;}
.con1k{ width: 33.33%; position: relative; height: 100%; transition: 0.3s;}
.con1k .bj{position: absolute;left: 0; top: 0; width: 100%; height: 100%; z-index: 4}
.bj1{  background:url(../img/k1.jpg) center center no-repeat; background-size: auto 100%;}
.bj2{  background:url(../img/k2.jpg) center center no-repeat; background-size: auto 100%;}
.bj3{  background:url(../img/k3.jpg) center center no-repeat; background-size: auto 100%;}
.con1k span{ display: block;position: absolute;left: 30px;bottom:50px; z-index: 6; color: #fff; font-family:"zihun";}
.con1k span p{ font-size: 34px; text-shadow: 2px 2px 2px rgba(0,0,0,0.5); margin-top: 10px;}
.con1k span img{ display: block;}
.con1k:hover{ width: 60%;} 

.con2{ background:url(../img/con2.jpg) center center no-repeat; background-size: cover; padding-top: 155px; padding-bottom: 114px;}
.con2le{ width: 648px;}
.con2ri{ width: calc(100% - 718px);}
.con2 .tex{ color: #fff; }
.tex{line-height:2.2; font-size:16px;}
.con2box{ align-items: center; flex-wrap: wrap;}
.spneirong{ width: 100%; position: relative; height: auto; display: flex; align-items: center; z-index: 3; height: auto; max-height: 100%; border-radius: 100px 0 0 0; overflow: hidden;/* background-color: #000; */}
.spneirong img{ width: 100%; display: block;}
.spneirong video{ display: block; width: 100%; height: 100%;}
.spneirong span{ display: flex; text-align: center; justify-content: center; align-items: center; left: 0; top: 0; width: 100%; height: 100%; z-index: 4; position: absolute; background: rgba(0,0,0,0.3);}
.spneirong span h1{ display: flex; flex-direction: column; text-align: center; color: #fff; cursor: pointer;}
.spneirong span h1 img{ width:80px; height: 80px; transition: 0.3s;opacity: 0.8;}
.spneirong span h1:hover img{transform: scale(1.05);}
.con2con span{width: 20%; text-align: center; display: block; margin-top: 70px;}
.con2con span h1{ font-size: 20px; color: #fff;}
.con2con span h1 b{ font-size: 80px; font-weight: normal;}
.con2con span p{ font-size: 18px; line-height: 1; color: #e9e9e9;}

.con3{ background: url(../img/con3.jpg) center bottom no-repeat #0c184c; background-size: 100%; padding: 44px 0;}
.con3box{ display: flex; margin-top: 20px; width: 100%; flex-wrap: wrap;}
.cplist{ background-color: #f2f2f2; text-align: center; margin-top: 26px; box-sizing: border-box; padding: 20px;}
.cplist h1{ overflow: hidden; width: 100%; position: relative;}
.cplist h1::before{ content: ""; padding-top: 100%; display: block;}
.cplist h1 img{ display: block; width: 100%; height: 100%; position: absolute;left: 0; top: 0;}
.cplist:hover img{ transform: scale(1.05);}
.cplist span{ text-align: center; width: 100%; box-sizing: border-box; padding:20px 30px; padding-bottom: 10px;}
.cplist span h2{ font-size: 26px; color: #000; line-height: 1.2;width: 100%; font-family: "PingFangcu";}
.cplist span p{ font-size: 16px; color: #252626;width: 100%; line-height: 1.2; margin-top: 10px;}
.con3con{ width: 100%; margin-top: 40px;}
#marquee1{width:100%;height:286px;overflow:hidden;}
#marquee1 ul{ display: flex; width: 100%;}
#marquee1 ul li{ padding-right: 33px;}
.cpgdlist{ display: block; position: relative; overflow: hidden; width: 286px; background-color: #f2f2f2;}
.cpgdlist::before{ content: ""; display: block; padding-top: 100%;}
.cpgdlist img{ position: absolute; width: 100%; height: 100%; display: block; left: 0; top: 0; z-index: 4;}
.cpgdlist span{position: absolute; width: 100%; height: 60px; left: 0; bottom:0; z-index: 6; display: block;box-sizing: border-box; padding: 0 15px; text-align: center;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  font-size: 18px; background-color: rgba(255,255,255,0.6); line-height: 60px; transition: 0.3s;}
.cpgdlist:hover span{ height: 100%; line-height: 286px;}
.cpgdlist:hover img{transform: scale(1.05);}

.con4{ background: url(../img/con4.jpg) center center no-repeat; background-size:cover; padding: 84px 0;}
.con4 .title h1{ color: #1a1a1a;}
.con4 .title p{ color: #dadada;}
.con4box{ display: flex; width: 100%; margin-top: 60px; flex-wrap: wrap;}
.con4tu{ position: relative;}
.con4tu h1{width: 100%; overflow: hidden; position: relative;}
.con4tu h1::before{ content: ""; display: block; padding-top:68%;}
.con4tu h1 img{ position: absolute; left: 0; top: 0; z-index: 3; display: block; width: 100%; height: 100%;}
.con4tu:hover>img{transform: scale(1.05);}
.con4tu .fu{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 6; background-color: #009cff; color: #fff; transition: 0.3s; opacity: 0;}
.con4tu span{ display: block; box-sizing: border-box; padding: 34px;}
.con4tu span h2{ font-size: 22px; line-height: 1.8;}
.con4tu span p{ font-size: 16px; line-height: 2; margin-top: 20px;}
.con4tu span h6{ display: flex; width: 100%; justify-content: right; align-items: center; margin-top: 20px;}
.con4tu span h6 img{ width: 21px; margin-left: 10px; height: 7px;}
.con4tu span:hover h6 img{ margin-left: 15px;}
.con4tu:hover .fu{ opacity: 1;}

/*分页样式*/ 
.erbox{ padding:60px 0;}
.erbanner{ width: 100%; overflow: hidden; position: relative;}
.erbanner img{ display: block; width: 100%;}
.erbanner img:hover{transform: scale(1.05);}
.ertitle{ font-size: 34px; color: #fff; font-weight: bold; position: absolute;width: 1560px; max-width: 92%;  left: 50%; top: 50%; transform: translate(-50%,-50%); animation:dong 1s;}
@keyframes dong{
	0%{transform: translate(-50%,80%); opacity: 0;}
	100%{transform: translate(-50%,-50%); opacity: 1;}
}

ul.yiiPager{ display: flex;  justify-content: center;}  
ul.yiiPager li{display:block; margin:0 8px;}  
ul.yiiPager li a{ width: 40px; height: 40px; border-radius:100%; box-sizing: border-box; display: flex; align-items: center; justify-content: center; line-height: 1; border:#ddd solid 1px;color: #666; transition: 0.3s;}  
ul.yiiPager li a:hover{background:#0c6eb9;border:#0c6eb9 solid 1px;color:#FFF;}
ul.yiiPager li.first a::before{content: "\e741";}
ul.yiiPager li.last a::before{content: "\e741"; transform: rotate(180deg);}
ul.yiiPager li.previous a::before{content: "\e694";transform: rotate(180deg); font-size: 14px;}
ul.yiiPager li.next a::before{content: "\e694"; font-size: 14px;}
ul.yiiPager li.selected a{background:#0c6eb9;border:#0c6eb9 solid 1px;color:#FFF;}
ul.yiiPager li.shouye a{ width: 60px; border-radius: 40px;}

.show_title{text-align: center;  border-bottom: 1px #e1e1e1 solid; padding-bottom: 30px;}
.show_title h1{font-size: 28px; font-weight: bold;}
.show_title h2{margin-top: 20px; font-size: 16px;color: #999; display: flex;align-items: center; justify-content: center;}

.danye{line-height: 2.2;font-size: 18px; width: 100%;}
.danye img{max-width: 100%!important;}
.danyeti{ text-align: center; font-weight: bold; font-size: 24px;}
.danyetu{ display: flex; justify-content: center; width: 100%;}
.danyetu img{ display: block; max-width: 100%;}

.bar{margin-top: 50px; display: flex; justify-content: space-between;}
.bar a{font-size: 16px; color: #666; line-height: 1; transition: 0.3s;background: #F2F2F2;}
.bar a:hover{background: #0c6eb9; color: #fff;}
.bar a.show_prev{display: flex; align-items: center; justify-content: space-between;  padding: 20px 30px; box-sizing: border-box; width: calc(50% - 100px);}
.bar a.show_prev::before{content: "\e694"; transform: rotate(-180deg);}
.bar a.show_prev i{width: calc(100% - 30px);word-wrap:break-word; white-space:nowrap;overflow: hidden;text-overflow:ellipsis;}
.bar a.show_next{display: flex; align-items: center; justify-content: space-between;  padding: 20px 30px; box-sizing: border-box; width: calc(50% - 100px);}
.bar a.show_next::after{content: "\e694"; }
.bar a.show_next i{width: calc(100% - 30px);word-wrap:break-word; white-space:nowrap;overflow: hidden;text-overflow:ellipsis; text-align: right;}
.bar a.back_list{display: flex;align-items: center; justify-content: center; width: 140px;}
.bar a.back_list::before{content: "\e675"; display: block; margin-right: 8px;font-size: 14px;}

.ernav{ width: 1560px; max-width: 92%; position: absolute; z-index: 8; left: 50%; bottom: 40px; transform: translateX(-50%);font-size: 18px; background-color: #fff; height: 66px; display: flex;}
.ernav a{ width: 33.33%; height: calc(100% - 4px); border-bottom: 4px solid #fff; display: flex; align-items: center;  justify-content: center; font-weight: bold;}
.ernav a.on{ border-bottom: 4px solid #168cca;}
.ernav a:hover{border-bottom: 4px solid #168cca;}
.erbt{ text-align: center; font-size: 24px; font-weight: bold; margin-top: 20px; margin-bottom: 10px;}
.erdh{ display: flex;justify-content: center; flex-wrap: wrap; margin-top: 20px;}
.erdh a{ min-width: 172px; height: 52px; display: flex; justify-content: center; align-items: center; background-color: #f2f2f2; padding: 0 10px; box-sizing: border-box; border-radius: 50px; margin: 10px 20px; font-size: 20px;}
.erdh a.on,.erdh a:hover{ background-color: #009cff; color: #fff;}

.lxmap{ box-sizing: border-box;width: 100%; height: 600px;}
.lxlist{ width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 30px;}
.lxlist span{ margin-top: 20px; background-color: #f9f9f9; display: flex; flex-direction: column; padding: 30px; box-sizing: border-box; width:32%; font-weight: bold;}
.lxlist span img{ width: 20px; height: 24px;}
.lxlist span p{  line-height: 1.8; font-size: 18px; margin-top: 20px;}

.lxtex{ width: 100%; text-align: center; color: #0C6EB9; margin-top: 60px; display: flex; justify-content: center; align-items: center;}
.lxtex span{ display: block;box-sizing: border-box; margin: 0 60px;}
.lxtex h1{ font-size: 40px;line-height: 60px;}
.lxtex h2{ font-family: "din"; font-size: 50px; display: flex; justify-content: center; line-height: 1.5; font-weight: bold;}
.lxtex h2 i{ padding:0 10px;}
.lxtex>img{ width: 140px;}

.tulistbox{ display: flex; flex-wrap: wrap; width: 100%;margin-bottom: 40px;}
.tulist{ background-color: #f5f6f8; margin-top: 40px;}
.tulist h1{ width: 100%; overflow: hidden;}
.tulist h1 img{ width: 100%; display: block;}
.tulist:hover img{transform: scale(1.05);}
.tulist span{ display: flex; flex-direction: column; box-sizing: border-box; padding: 25px 20px 30px 20px;}
.tulist span h2{ font-size: 18px; line-height: 30px; font-weight: bold;}
.tulist span h3{ width: 36px; background-color: #999; height: 2px; margin-top: 13px;}
.tulist span p{ font-size: 16px; color: #666; line-height: 32px; margin-top: 30px;}
.tulist span h4{ font-size: 18px; color: #666; margin-top: 36px;}

.tulist1{ padding: 32px 0; border-bottom: 1px solid #eee; display: flex; background: url(../img/ri3.png) right center no-repeat;}
.tulist1 h1{ width: 318px; overflow: hidden; position: relative; height: 216px;}
.tulist1 h1 img{ width: 100%; display: block; height: 100%;}
.tulist1:hover img{transform: scale(1.05);}
.tulist1 span{ display: block; box-sizing: border-box; width: calc(100% - 460px); margin-left: 42px; border-right: 1px solid #bfc0c4; box-sizing: border-box; padding-right: 90px;}
.tulist1 span h2{ font-size: 18px; line-height: 30px; font-weight: bold;margin-top:25px; }
.tulist1 span p{ font-size: 16px; color: #666; line-height: 32px; margin-top: 25px;}
.tulist1 span h4{ color: #999; font-size: 30px;font-family:"din"; line-height: 1.5;}
.tulist1box{ margin-bottom: 40px;}
.tulist1:hover{ box-sizing: border-box;background: url(../img/ri3.png) right 20px center no-repeat;border-bottom: 1px solid #bfc0c4; }

.gy1tex{ font-size: 18px; line-height: 2.4; color: #666; text-indent: 2em; margin-top: 40px;}
.gy1biao{ display: flex;justify-content: space-around; width: 100%; flex-wrap: wrap;}
.gy1biao span{ display: flex; flex-direction: column; width: 25%; margin-top: 20px;}
.gy1biao span h1{ width: 116px; height: 116px; border-radius: 50%; box-shadow: 2px 2px 10px rgba(0,0,0,0.1); display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.gy1biao span h1 img{ max-width: 64px; width:55%;}
.gy1biao span p{ text-align: center; font-size: 20px; color: #0C6EB9; margin-top: 30px;}
.gy1box{ display: flex; flex-direction: column; margin-top:10px;}
.gy1boxcon{ margin-top: 70px; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.gy1boxle{ width: 50%; overflow: hidden;}
.gy1boxle img{ display: block; width: 100%;}
.gy1boxle img:hover{transform: scale(1.1);}
.gy1boxri{ width: 50%; box-sizing: border-box; padding-left: 90px;}
.gy1boxri h1{ font-size: 60px; color: #0C6EB9; font-weight: bold;}
.gy1boxri h2{ font-size: 24px; line-height: 5;font-weight: bold;}
.gy1boxri p{font-size: 18px; color: #666; line-height: 2.2; text-indent: 2em; }
.gy1box .gy1boxcon:nth-child(2n){ flex-direction: row-reverse;}
.gy1box .gy1boxcon:nth-child(2n) .gy1boxri{ padding-left: 0; padding-right: 90px;}

.gy5box{ background-color: #f8f8f8; padding-bottom: 60px;}
.gy5top{ width: 100%; background:url(../img/gbj.png) center bottom no-repeat; background-size: cover; padding-bottom: 270px; padding-top: 70px;}
.gy5top .box{ display: flex; justify-content: space-between; align-items: center;}
.gy5top span p{ font-size: 24px; line-height:2.2 ;}
.gy5top h1{ max-width: 50%;}
.gy5top h1 img{ width: 100%;}
.gy5con li{ background-color: #e6e6e6; box-sizing: border-box; width: 100%;overflow: hidden; margin-bottom: 20px; position: relative;}
.gy5con li::before{ content: ""; display: block; padding-top: 70%;}
.ceng{position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:99999;width:100%;height:100%;display:none;}
.gy5con li img{cursor: zoom-in; width: 80%; display: block; position: absolute; left: 50%; top: 50%; z-index: 6; height: 70%; transform: translate(-50%, -50%);}
.gy5con li:hover img{transform:translate(-50%, -50%) scale(1.05);}
#innerdiv{ background-color: #e6e6e6;}
#bigimg{ display: block;}
.kuai4gy{ display: flex; flex-wrap: wrap;}
.kuai4gy .hezi{ width: calc(25% - 18px); margin-right: 24px;}
.kuai4gy .hezi:nth-child(4n){ margin-right: 0;}
.xqcpti{ color:#c70202; font-size:20px; font-weight:bold;}
.xqcp1{ width:31%; position:relative; background-color:#f2f2f2; display:flex; align-items:center; justify-content:center;height:270px; /*padding:10px 0;*/}
.xqcp1 span{ display:block; height:50px; line-height:50px; font-size:20px; text-align:center; padding:0 20px; overflow:hidden; position:absolute;z-index:4; left:0;bottom:0; background-color:rgba(255,255,255,0.5); width:100%;box-sizing: border-box;}
.xqcp1 img{ display:bold; height:100%; width:auto; margin:0 auto;}
.xqcp2{width:31%; background-color:#f2f2f2;height:270px; display:flex; align-items:center; justify-content:center;}
.xqcp2 img{ display:bold; height:100%;width:auto; margin:0 auto;}
.xqcp3{width:31%;}
.xqcp3 .danye{ margin-top:20px; line-height:1.8;}

.kuai4{ width: calc(25% - 15px); margin-right: 20px;}
.kuai4:nth-child(4n){ margin-right: 0;}
.kuai3{ width: calc(33.33% - 28px); margin-right: 42px;}
.kuai3:nth-child(3n){ margin-right: 0;}
.conf{ display: flex; justify-content: space-between;}
.conc{ display: flex; align-items: center;}
.mtop100{ margin-top: 100px;}
.mtop40{ margin-top: 40px;}
.mtop50{ margin-top: 50px;}
.mtop30{ margin-top: 30px;}
.mtop20{ margin-top: 20px;}
.ptop20{ padding-top: 20px;}
.ptop0{ padding-top: 0;}
/*----- 超出省略号///-----*/
.toe{ word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.ziov{white-space: nowrap;text-overflow: ellipsis;overflow: hidden; }
.ziov2{ display: -webkit-box; /* 将元素作为弹性伸缩容器 */
        overflow: hidden; /* 隐藏溢出内容 */
        text-overflow: ellipsis; /* 使用省略号表示被裁切的部分 */
        line-clamp: 2; /* 限制最大行数为2行 */
        -webkit-line-clamp: 2; /* Safari/Chrome特定的限制最大行数的属性 */
        -webkit-box-orient: vertical; /* 设置垂直布局 */}
.ziov4{ display: -webkit-box; /* 将元素作为弹性伸缩容器 */
        overflow: hidden; /* 隐藏溢出内容 */
        text-overflow: ellipsis; /* 使用省略号表示被裁切的部分 */
        line-clamp: 4; /* 限制最大行数为4行 */
        -webkit-line-clamp: 4; /* Safari/Chrome特定的限制最大行数的属性 */
        -webkit-box-orient: vertical; /* 设置垂直布局 */}
.ziov5{ display: -webkit-box; /* 将元素作为弹性伸缩容器 */
        overflow: hidden; /* 隐藏溢出内容 */
        text-overflow: ellipsis; /* 使用省略号表示被裁切的部分 */
        line-clamp: 5; /* 限制最大行数为5行 */
        -webkit-line-clamp: 5; /* Safari/Chrome特定的限制最大行数的属性 */
        -webkit-box-orient: vertical; /* 设置垂直布局 */}
		
.banner img,.con1 img{
	image-rendering: -moz-crisp-edges; /* Firefox */
	image-rendering: -webkit-optimize-contrast; /* Webkit (Safari/Chrome) */
	image-rendering: pixelated; /* Standards */
	}