@font-face { 
font-family:pfm; 
src: url('pfm.eot'); /* IE9*/
src: url('pfm.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 url('pfm.woff') format('woff'), /* Modern Browsers */
 url('pfm.ttf')  format('truetype'), /* Safari, Android, iOS */
 url('pfm.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face { 
font-family:pfl; 
src: url('pfl.eot'); /* IE9*/
src: url('pfl.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 url('pfl.woff') format('woff'), /* Modern Browsers */
 url('pfl.ttf')  format('truetype'), /* Safari, Android, iOS */
 url('pfl.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {  
font-family:pfb; 
src: url('pfb.eot'); /* IE9*/
src: url('pfb.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 url('pfb.woff') format('woff'), /* Modern Browsers */
 url('pfb.ttf')  format('truetype'), /* Safari, Android, iOS */
 url('pfb.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face { 
font-family:dosis; 
src: url('dosis.eot'); /* IE9*/
src: url('dosis.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 url('dosis.woff') format('woff'), /* Modern Browsers */
 url('dosis.ttf')  format('truetype'), /* Safari, Android, iOS */
 url('dosis.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face { 
font-family:agitcbt; 
src: url('agitcbt.eot'); /* IE9*/
src: url('agitcbt.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 url('agitcbt.woff') format('woff'), /* Modern Browsers */
 url('agitcbt.ttf')  format('truetype'), /* Safari, Android, iOS */
 url('agitcbt.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face { 
font-family:asr; 
src: url('AlegreSans-Regular.eot'); /* IE9*/
src: url('AlegreSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 url('AlegreSans-Regular.woff') format('woff'), /* Modern Browsers */
 url('AlegreSans-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
 url('AlegreSans-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face { 
font-family:mksd1ab; 
src: url('71mksd1ab.eot'); /* IE9*/
src: url('71mksd1ab.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 url('71mksd1ab.woff') format('woff'), /* Modern Browsers */
 url('71mksd1ab.ttf')  format('truetype'), /* Safari, Android, iOS */
 url('71mksd1ab.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face { 
font-family:mkmc078; 
src: url('mkmc078.eot'); /* IE9*/
src: url('mkmc078.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 url('mkmc078.woff') format('woff'), /* Modern Browsers */
 url('mkmc078.ttf')  format('truetype'), /* Safari, Android, iOS */
 url('mkmc078.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face { 
font-family:AvantGardeITCbyBT-Book; 
src: url('AvantGardeITCbyBT-Book.eot'); /* IE9*/
src: url('AvantGardeITCbyBT-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 url('AvantGardeITCbyBT-Book.woff') format('woff'), /* Modern Browsers */
 url('AvantGardeITCbyBT-Book.ttf')  format('truetype'), /* Safari, Android, iOS */
 url('AvantGardeITCbyBT-Book.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face { 
font-family:FZLTHJWGB; 
src: url('FZLTHJWGB.eot'); /* IE9*/
src: url('FZLTHJWGB.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 url('FZLTHJWGB.woff') format('woff'), /* Modern Browsers */
 url('FZLTHJWGB.ttf')  format('truetype'), /* Safari, Android, iOS */
 url('FZLTHJWGB.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face { 
font-family:ZHSRXTGBK; 
src: url('ZHSRXTGBK.eot'); /* IE9*/
src: url('ZHSRXTGBK.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 url('ZHSRXTGBK.woff') format('woff'), /* Modern Browsers */
 url('ZHSRXTGBK.ttf')  format('truetype'), /* Safari, Android, iOS */
 url('ZHSRXTGBK.svg#svgFontName') format('svg'); /* Legacy iOS */
}
html{transform:none!important;}
body{font-family:"pfm"; font-size:12px; color:#666; overflow-x: hidden;}
a{ transition:all 0.3s; text-decoration:none;}
a:hover{ text-decoration:none;}
.bgf2{background: #f2f2f2;}
.bodynow{overflow: hidden;}
.bgfff{background: #fff;}
.zong{color: #bc9f75}
.fadeinup{visibility: hidden; animation-name: none }
.bgf7{background: #f7f7f7}
.bgf6{background:#f6f6f6;}
.show{display: block;}
.hide{display: none;}
.vh{visibility: hidden!important;}
.vb{visibility: visible!important;}
.delay0{animation-delay: 0s;}
.delay002{animation-delay: 0.02s;}
.delay004{animation-delay: 0.04s;}
.delay006{animation-delay: 0.06s;}
.delay008{animation-delay: 0.08s;}
.delay010{animation-delay: 0.10s;}
.delay012{animation-delay: 0.12s;}
.delay014{animation-delay: 0.14s;}
.delay016{animation-delay: 0.16s;}
.delay018{animation-delay: 0.18s;}
.delay020{animation-delay: 0.20s;}
.delay022{animation-delay: 0.22s;}
.delay024{animation-delay: 0.24s;}
.delay026{animation-delay: 0.26s;}
.delay028{animation-delay: 0.28s;}
.delay030{animation-delay: 0.30s;}

.banner{ overflow: hidden; position: relative; }
.banner .swiper-slide{text-align: center; position: relative;}
.casebanner .swiper-slide:nth-child(2) .phno .idea{ width: 900px }
.casebanner .swiper-slide:nth-child(2) .phno .ideam{width: 900px}
.casebanner .swiper-slide:nth-child(2) .phno .ideam h3 span,.casebanner .swiper-slide:nth-child(3) .phno .ideam h3 span{ margin: 0 }
.casebanner .swiper-slide:nth-child(2) .phno .ideam p,.casebanner .swiper-slide:nth-child(3) .phno .ideam p{line-height: 40px;}
.banner .swiper-slide img{max-width: 100%; vertical-align: top; position: relative;z-index: 1}
.bannerb{ position: absolute;text-align: center; z-index: 10; bottom: 15px!important }
.bannerb .swiper-pagination-bullet{border-radius:5px!important;background: #fff!important;transition: all 0.3s ease-out; border:none;width: 10px!important; height: 10px!important; opacity: 1!important; display: inline-block!important;margin: 0 5px!important}
.bannerb .swiper-pagination-bullet-active,.bannerb .swiper-pagination-bullet:hover{ width: 20px !important;}
.bannerm{position: absolute;width: 100%;height: 100%; left: 0; top: 0; z-index: 2}
.bannermm{display: table;width: 100%;height: 100%}
.bannermmm{display: table-cell;vertical-align: middle;width: 100%;height: 100%}
.bannertxt1{color: #fff;font-family: pfl;font-size: 60px; letter-spacing: 10px;line-height: 70px; font-weight: 100; text-shadow: 0 1px 3px rgba(0,0,0,0.9)}
.bannertxt2{color: #fff;font-family:agitcbt; font-size: 20px; line-height: 40px;text-shadow: 0 1px 3px rgba(0,0,0,0.9)}
.bannertxt3{letter-spacing: 10px}
.ls10{letter-spacing: 10px!important}

.index{position:fixed;width: 100%; overflow: hidden; left: 0; top: 0; z-index:2}
.icon2d{text-align: center;color: #cea975; font-size: 30px;font-family: pfl; letter-spacing: 5px; text-indent: 65px}
.indexjj{width: 100%;}
.icon1{width: 108px;height: 108px;border-radius: 50%; position: absolute;left: 50%; margin-left: -53px; bottom: 0; opacity: 0; cursor: pointer;}
.icon1 span{display: inline-block;width: 100%; height: 100%; background: url(../images/icon1.png) no-repeat center center;}
.icon1:before{ border: 1px solid #cea975;width: 104px;border-radius: 50%; height: 104px; position: absolute;left: 0;top: 0; content: ' '; }
.icon1:after{border: 1px solid #cea975; opacity: 0; border-radius: 50%;background: rgba(206,169,117,0.1); width: 104px;height: 104px;position: absolute;left: 0;top: 0; content: ' '}
.icon1:hover:before{animation: iconbb 0.8s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;}
.icon1:hover:after{animation: iconaa 0.8s cubic-bezier(0.77, 0, 0.175, 1) infinite; }
.icon1now{animation: icon1now 0.3s linear 4.8s forwards}
@keyframes icon1now
{
from   {opacity: 0; bottom: 0}
to {opacity: 1; bottom: 50px}
}
@keyframes iconbb
{
from   {opacity: 1;transform:scale(1, 1);}
to {opacity: 0;transform:scale(1.5, 1.5);}
}
@-webkit-keyframes iconbb
{
from   {opacity: 1;transform:scale(1, 1);}
to {opacity: 0;transform:scale(1.5, 1.5);}
}
@keyframes iconaa
{
from   {opacity:0; transform: scale(0.5,0.5);}
to {opacity: 1;transform:scale(1, 1)}
}
@-webkit-keyframes iconbb
{
from   {opacity:0; transform: scale(0.5,0.5);}
to {opacity: 1;transform:scale(1, 1)}
}


.icon2{width: 1200px; height: 100px; position: absolute;left: 50%;top: 50%; margin:-50px 0 0 -600px; z-index: 10}
.icon2m{width: 1200px; height: 100px; display: table-cell;vertical-align: middle; text-align: center;}
.header{padding: 10px 50px; position: fixed;left: 0; top: 0; z-index: 110; width: 100%; box-sizing: border-box;transition: all 1s }
.header.active{background: rgba(0,0,0,0.5);}
.header.active3{background: rgba(0,0,0,1);}
a.logo{display: inline-block;float: left; background: url(../images/logo.png) no-repeat left center; width: 128px;height: 60px;}
.nav{display: inline-block;float: right;text-align: right; padding: 5px 0;transition: all 0.3s}
.nav li{display: inline-block;}
.nav a{ display: inline-block;position: relative; color: #fff; font-size: 16px; line-height: 50px; margin: 0 30px; }
.nav a span{display: inline-block;width: 100%; height: 2px; position: absolute;left: 0; bottom: 0; background: #bc9f75; opacity: 0; transition: all 0.3s}
.nav a.now,.nav a:hover{color: #bc9f75}
.nav a.now span,.nav a:hover span{opacity: 1}
.nav li:nth-child(1){-webkit-transition:all 0.5s ease-out 0.4s;-moz-transition:all 0.5s ease-out 0.4s;-ms-transition:all 0.5s ease 0.4s;-o-transition:all 0.5s ease-out 0.4s;transition:all 0.5s ease-out 0.4s;}
.nav li:nth-child(2){-webkit-transition:all 0.5s ease-out 0.5s;-moz-transition:all 0.5s ease-out 0.5s;-ms-transition:all 0.5s ease 0.5s;-o-transition:all 0.5s ease-out 0.5s;transition:all 0.5s ease-out 0.5s;}
.nav li:nth-child(3){-webkit-transition:all 0.5s ease-out 0.6s;-moz-transition:all 0.5s ease-out 0.6s;-ms-transition:all 0.5s ease 0.6s;-o-transition:all 0.5s ease-out 0.6s;transition:all 0.5s ease-out 0.6s;}
.nav li:nth-child(4){-webkit-transition:all 0.5s ease-out 0.7s;-moz-transition:all 0.5s ease-out 0.7s;-ms-transition:all 0.5s ease 0.7s;-o-transition:all 0.5s ease-out 0.7s;transition:all 0.5s ease-out 0.7s;}
.nav li:nth-child(5){-webkit-transition:all 0.5s ease-out 0.8s;-moz-transition:all 0.5s ease-out 0.8s;-ms-transition:all 0.5s ease 0.8s;-o-transition:all 0.5s ease-out 0.8s;transition:all 0.5s ease-out 0.8s;}
.nav li:nth-child(6){-webkit-transition:all 0.5s ease-out 0.9s;-moz-transition:all 0.5s ease-out 0.9s;-ms-transition:all 0.5s ease 0.9s;-o-transition:all 0.5s ease-out 0.9s;transition:all 0.5s ease-out 0.9s;}

.toggle{width: 30px;height: 24px; position: absolute;right: 50px;top:50%; margin-top: -12px; cursor: pointer; opacity: 0;transition: all 0.3s}
.toggle em{width: 100%; height: 4px; position: absolute;left: 0; top: 0;background: #fff;border-radius: 5px; transition: all 0.3s}
.toggle em:first-child{transform: translateY(10px);}
.toggle em:nth-child(2){top:10px;}
.toggle em:last-child{top:auto;bottom:0px;transform: translateY(-10px);}
.toggle:hover em:first-child{transform: translate(0,-2px);}
.toggle:hover em:last-child{transform: translate(0,2px);}
.header.active .nav li{-webkit-transform:translateY(-150%);transform:translateY(-150%);}
.header.active .toggle em:first-child,.header.active .toggle em:last-child{-webkit-transform:translateY(0);transform:translateY(0);}
.header.active .toggle:hover em:first-child{-webkit-transform:translateY(-2px);transform:translateY(-2px);}
.header.active .toggle:hover em:last-child{-webkit-transform:translateY(2px);transform:translateY(2px);}
.header.active .toggle{-webkit-transition:all 0.3s ease-out 1.3s;-moz-transition:all 0.3s ease-out 1.3s;-ms-transition:all 0.3s ease 1.3s;-o-transition:all 0.3s ease-out 1.3s;transition:all 0.3s ease-out 1.3s;z-index:1; opacity: 1}
.nav li a{color: #dfdfdf;}


.nav.navnow li.active a{ opacity: 1}
.nav.navnow li a.now{color: #dfdfdf; }
.nav.navnow li a.now span{opacity: 0}
.active3 .nav li a{color: #dfdfdf;}
.active3 .nav.navnow li a.now{color: #fff; }
.active3 .nav li a.now,.active3 .nav li a:hover{color: #cea975}
.active3 .nav li a:hover span{opacity: 1}

.title{ text-align: center; }
.title h2{font-family: 'dosis'; color: #3c3c3c; font-size: 60px; line-height: 60px; padding-bottom: 10px}
.title span{display: inline-block;width: 360px; background: #cea975; height: 2px;}
.titlem{display: inline-block;width: 360px; height: 2px; position: relative;}
.titlem b{display: inline-block; position: absolute;left: 0; right: 0; opacity: 0; transform: scale(0,1); width: 360px;height: 2px; background: #cea975;  transition: all 0.6s ease-out 0.2s}


.titleml{display: inline-block; height: 2px; left: 0; bottom: 0; background: #cea975; width: 50%; position: absolute;}
.titlemr{display: inline-block; height: 2px; right: 0; bottom: 0; background: #cea975; width: 50%; position: absolute;}
.titlem2{display: inline-block;width: 360px; height: 2px; position: relative;}
.titlem2 b{display: inline-block; position: absolute;left: 0; right: 0;opacity: 0; transform: scale(0,1);width: 360px;height: 2px; background: #3c3c3c;  transition: all 0.8s ease-out 0.35s}
.titlem4{display: inline-block;width: 360px; height: 2px; position: relative;}
.titlem4 b{display: inline-block; position: absolute;left: 0; right: 0;opacity: 0; transform: scale(0,1);width: 360px;height: 2px; background: #fff;  transition: all 0.8s ease-out 0.35s}
.titlem b.now,.titlem2 b.now,.titlem4 b.now{transform: scale(1,1); opacity: 1}

.title h3{line-height: 30px; padding: 30px 0 0; color: #3c3c3c; font-size: 26px; font-family: 'pfb'; letter-spacing: 5px}
.gylf{ text-align: center;padding: 95px 10px 40px; background: #fff }
.gylfm{padding: 10px 0 0}
.gylfm h2{line-height: 80px;font-family: 'pfl';font-size: 60px;color: #cea975; padding-bottom: 10px}
.gylfm p{color: #3c3c3c; font-size: 14px; line-height: 30px;}
.img1{padding: 160px 0;   background-repeat: no-repeat;background-position: center center; background-attachment: fixed;}
.img1c{padding: 160px 0; background: url(../images/img1b.jpg) no-repeat center center;background-attachment: fixed;}
.num{max-width: 1200px; margin:0 auto;}
.num li{display: inline-block;width: 25%;float: left;height: 120px; color: #cea975}
.numm{display: table;width: 100%; height: 120px;}
.nummm{display: table-cell;width: 100%; height: 120px; vertical-align: middle;text-align: center;}
.numtxt1{ font-size: 80px; font-family: 'agitcbt' }
.numtxt2{font-size: 14px;display: inline-block;width: 18px;}
.num li:nth-child(3) .numtxt2{line-height: 14px}
.link{display: inline-block; overflow: hidden; border: 1px solid #cea975; border-radius: 5px; position: relative;text-align: center;width: 300px; height: 60px;}
.link span{display: inline-block;transition: all 0.3s 0.2s; position: relative;z-index: 10; letter-spacing: 3px; line-height: 60px; background: url(../images/svg3.svg) no-repeat right center;color: #cea975; font-size: 16px; padding-right: 45px;}
.link b{display: inline-block; transition: all 0.3s; transform: scale(0,1); opacity: 0; width: 292px;height: 193px; background: url(../images/svg31.svg) no-repeat center center; position: absolute; left: 4px;top: 50%; margin-top: -96px;}
.link:hover span{color: #000;background: url(../images/svg3c.svg) no-repeat right center;}
.link:hover b{ transform: scale(1.4,1); opacity: 1}
.link2{display: inline-block; overflow: hidden; border: 1px solid #3c3c3c; border-radius: 5px; position: relative;text-align: center;width: 300px; height: 60px;}
.link2 span{display: inline-block;transition: all 0.3s 0.2s; position: relative;z-index: 10; letter-spacing: 3px; line-height: 60px; background: url(../images/svg3c.svg) no-repeat right center;color: #3c3c3c; font-size: 16px; padding-right: 45px;}
.link2 b{display: inline-block; transition: all 0.3s; transform: scale(0,1); opacity: 0; width: 292px;height: 193px; background: url(../images/svg32.svg) no-repeat center center; position: absolute; left: 4px;top: 50%; margin-top: -96px;}
.link2:hover span{color: #cea975;background: url(../images/svg3.svg) no-repeat right center;}
.link2:hover b{ transform: scale(1.5,1); opacity: 1}



.img1b{text-align: center;padding: 60px 0}
.img2{background: url(../images/img2.jpg) no-repeat center bottom #cea975;padding: 95px 10px 80px; position: relative; overflow: hidden;}
.title2{ text-align: center; }
.title2 h2{font-family: 'dosis'; color: #fff; font-size: 60px; line-height: 60px; padding-bottom: 10px}
.title2 span{display: inline-block;width: 360px; background: #3c3c3c; height: 2px;}
.title2 h3{line-height: 30px; padding: 30px 0 0; color: #fff; font-size: 26px; font-family: 'pfb'; letter-spacing: 5px;}
.title3{ text-align: center; }
.title3 h2{font-family: 'dosis'; color: #fff; font-size: 60px; line-height: 60px; padding-bottom: 10px}
.title3 span{display: inline-block;width: 360px; background: #cea975; height: 2px;}
.title3 h3{line-height: 30px; padding: 30px 0 0; color: #fff; font-size: 26px; font-family: 'pfb'; letter-spacing: 5px;}
.title4{ text-align: center; }
.title4 h2{font-family: 'dosis'; color: #fff; font-size: 60px; line-height: 60px; padding-bottom: 10px}
.title4 span{display: inline-block;width: 360px; background: #fff; height: 2px;}
.title4 h3{line-height: 30px; padding: 30px 0 0; color: #cea975; font-size: 26px; font-family: 'pfb'; letter-spacing: 5px;}
.fwtxt1{font-family: 'pfl';font-size: 60px; color: #3c3c3c; line-height: 65px; padding: 20px 0 65px; text-align: center;}
.fwtxt1b{font-family: 'pfl';font-size: 60px; color: #3c3c3c; line-height: 65px; padding: 20px 0 65px; text-align: center; background: #cea975;position: relative;z-index: 10}
.fwtx{ position: relative;z-index: 20;max-width: 1464px; margin: 0 auto }
.fwtx li{float: left;width: 220px; margin: 0 12px; box-sizing: border-box; transition: all 0.3s}
.fwtxm{background: #d5b180; border-radius: 10px; height: 360px; max-width: 220px; overflow: hidden;}
.fwtxt{display: table;width: 100%; height: 210px;transition: all 0.3s}
.fwtxtm{display: table-cell;width: 100%; height: 210px; vertical-align: middle;text-align: center; position: relative;}
.fwtxt span{display: inline-block; border:5px solid #3c3c3c; border-radius: 50%;width: 140px;height: 140px;transition: all 0.3s; position: absolute;left: 50%; top: 50%; margin:-75px 0 0 -75px;}
.fwtxt img{width: 75px; position: relative; z-index: 10; margin:0 auto;}
.svg1b{display: none;}
.icon6{background: url(../images/svg1a.svg) no-repeat center center;}
.fwtx li:hover .icon6{background: url(../images/icon6b.png) no-repeat center center #3c3c3c;}
.icon7{background: url(../images/icon7a.png) no-repeat center center;}
.fwtx li:hover .icon7{background: url(../images/icon7b.png) no-repeat center center #3c3c3c;}
.icon8{background: url(../images/icon8a.png) no-repeat center center;}
.fwtx li:hover .icon8{background: url(../images/icon8b.png) no-repeat center center #3c3c3c;}
.icon9{background: url(../images/icon9a.png) no-repeat center center;}
.fwtx li:hover .icon9{background: url(../images/icon9b.png) no-repeat center center #3c3c3c;}
.icon10{background: url(../images/icon10a.png) no-repeat center center;}
.fwtx li:hover .icon10{background: url(../images/icon10b.png) no-repeat center center #3c3c3c;}
.icon11{background: url(../images/icon11a.png) no-repeat center center;}
.fwtx li:hover .icon11{background: url(../images/icon11b.png) no-repeat center center #3c3c3c;}
.fwtxb{width: 100%;height: 150px; background: #3c3c3c; padding: 10px 0 0; text-align: center; box-sizing: border-box;}
.fwtxb h2{line-height: 30px;font-size: 20px; font-family: 'pfb'; padding-bottom: 15px; vertical-align: top;color: #cea975;transition: all 0.3s}
.fwtxb span{display: inline-block;width: 50px;height: 2px;background: #cea975; vertical-align: top;transition: all 0.3s}
.fwtxb p{ line-height:25px;font-size: 15px; color: #cea975; vertical-align: top;transition: all 0.3s }
.fwtx li:hover{transform: translate(0,-10px); }
.fwtx li:hover .fwtxm{box-shadow: 0 0 20px rgba(0,0,0,0.2)}
.fwtx li:hover .fwtxt{background: url(../images/icon12.png) repeat-y center center;}
.fwtx li:hover .fwtxt span{background: #3c3c3c}
.fwtx li:hover .fwtxb h2,.fwtx li:hover .fwtxb p{ color: #fff; }
.fwtx li:hover .fwtxb span{background: #fff}
.fwtx li:hover .svg1b{display: block;}
.fwtx li:hover .svg1a{display: none;}


.fwtxbb{text-align: center;padding: 160px 0 0; position: relative;z-index: 20}
.huan1{width: 1320px; height: 220px; position: absolute;left: 50%; margin-left: -660px; bottom: 280px; z-index: 10}
.huan2{width: 1400px; height: 220px; position: absolute;left: 50%; margin-left: -660px; bottom: 210px; z-index: 9}
.huan3{width: 1470px; height: 240px; position: absolute;left: 50%; margin-left: -660px; bottom: 100px; z-index: 8}
.ballwrap1{width: 1320px; height: 220px; position: absolute;left: 50%; margin-left: -660px; bottom: 280px; z-index: 11; text-align: left;}
.balla { display: inline-block; width: 15px; height: 15px; background:rgba(255,255,255,0.5); border-radius: 50%; offset-path: path('M0 110a660 110 0 1 0 1320 0a660 110 0 1 0 -1320 0z'); offset-distance: 0%; animation: balla 20s ease-in-out  infinite; position: absolute;left: 0;top:0; } 
.ballb { display: inline-block; width: 15px; height: 15px; background:rgba(255,255,255,0.5);  border-radius: 50%; offset-path: path('M0 110a660 110 0 1 0 1320 0a660 110 0 1 0 -1320 0z'); offset-distance: 0%; animation: balla 25s ease-in-out 2s  infinite;position: absolute;left: 0;top:0; opacity: 0 } 
.ballc { display: inline-block; width: 24px; height: 24px; background: rgba(255,255,255,0.5); border-radius: 50%; offset-path: path('M0 110a660 110 0 1 0 1320 0a660 110 0 1 0 -1320 0z'); offset-distance: 0%; animation: balla 35s ease-in-out 5s infinite;position: absolute;left: 0;top:0; opacity: 0  } 
.ballwrap2{width: 1400px; height: 220px; position: absolute;left: 50%; margin-left: -660px; bottom: 210px; z-index: 10; text-align: left;}
.ball2a { display: inline-block; width: 24px; height: 24px; background: rgba(255,255,255,0.5); border-radius: 50%; offset-path: path('M0 110a700 110 0 1 0 1400 0a700 110 0 1 0 -1400 0z'); offset-distance: 0%; animation: balla 35s ease-in-out infinite;position: absolute;left: 0;top:0; } 
.ballwrap3{width: 1470px; height: 240px; position: absolute;left: 50%; margin-left: -660px; bottom: 100px; z-index: 9; text-align: left;}
.ball3a { display: inline-block; width: 24px; height: 24px; background: rgba(255,255,255,0.5); border-radius: 50%; offset-path: path('M0 120a735 120 0 1 0 1470 0a735 120 0 1 0 -1470 0z'); offset-distance: 0%; animation: balla 35s ease-in-out infinite;position: absolute;left: 0;top:0; } 
.ball3b { display: inline-block; width: 24px; height: 24px; background: rgba(255,255,255,0.5); border-radius: 50%; offset-path: path('M0 120a735 120 0 1 0 1470 0a735 120 0 1 0 -1470 0z'); offset-distance: 0%; animation: balla 45s ease-in-out 5s infinite;position: absolute;left: 0;top:0; opacity: 0 } 
.icon13{width: 1200px;height: 156px; position: absolute;left: 50%; margin-left: -600px; bottom: 116px;}
.icon13a{ position: absolute;top: 0;left: 25px; z-index: 4 }
.icon13b{position: absolute;bottom: 0;right: 25px;z-index: 5}
.case{padding: 95px 0 90px}
.case2{padding: 95px 0 0}
.casemenu{padding: 30px 0 40px; text-align: center;margin:0 auto; max-width: 1200px;}
.casemenu li{display: inline-block; visibility: hidden; float: left;overflow: hidden;width: 12.5%; box-sizing: border-box;padding: 0 10px; transition: all 0.3s; cursor: pointer;}
.casemenum{width: 110px;height: 110px; border: 5px solid #cea975;  border-radius: 50%; margin: 0 auto;transition: all 0.3s}
.casemenumm{display: table-cell;vertical-align: middle;text-align: center;width: 110px; height: 110px;}
.casemenu li img{height: 50px;filter:position: relative;transition: all 0.1s; margin:0 auto; vertical-align: top; margin-bottom: 5px;}
.svg2b{display: none;}
.casemenu li h2{ line-height: 25px; font-size: 14px;color: #cea975;transition: all 0.3s }
.casemenu li:hover .casemenum,.casemenu li.now .casemenum{ background: #cea975 }
.casemenu li:hover h2,.casemenu li.now h2{color: #fff}
.casemenu li:hover .svg2a,.casemenu li.now .svg2a{display: none;}
.casemenu li:hover .svg2b,.casemenu li.now .svg2b{display: block;}
.caseb{display: none;}
.caselb{}
.caselb li{float: left;width: 20%; border-right: 1px solid #fff; overflow: hidden; border-bottom: 1px solid #fff; box-sizing: border-box; position: relative;}
.caselb li:nth-child(5n){border-right: 1px solid rgba(255,255,255,0)}
.caselbpic{width: 100%; vertical-align: top; transition: all 0.5s; max-height: 309px}  
.casebg{width: 100%; height: 100%; position: absolute;left: 0;top: 0; z-index: 5; opacity: 0; overflow: hidden; transition: all 0.3s}
.casetl{ opacity: 0;  position: absolute;color: #fff;font-family: 'dosis'; text-transform: uppercase; font-size: 16px;line-height: 20px; top: 35px; left: 20px; padding-bottom: 10px;transition: all 0.3s 0.2s}
.casetl b{display: inline-block;width: 20px; height: 3px; border-radius: 3px; background: #fff; position: absolute;bottom:0; left: 0}
.casebl{position: absolute;left: 20px; bottom: 10px; opacity: 0;  background: url(../images/svg39a.svg) no-repeat left center; background-size: 20px auto; color: #fff; font-family: 'agitcbt'; font-size: 16px; padding-left: 25px;transition: all 0.3s 0.2s}
.casebl:hover{background: url(../images/svg39b.svg) no-repeat left center; background-size: 20px auto;}
.casebr{position: absolute;right: 20px; bottom: 10px; opacity: 0; background: url(../images/svg40a.svg) no-repeat left center; background-size: 15px auto; color: #fff; font-family: 'agitcbt'; font-size: 16px; padding-left: 20px;transition: all 0.3s 0.2s}
.casebr:hover{ background: url(../images/svg40b.svg) no-repeat left center; background-size: 15px auto;}
.casebm{width: 80%; left: 10%; position: absolute;text-align: center; top: 50%; margin-top: -32.5px; overflow: hidden; opacity:0;transition: all 0.3s 0.2s}
.casebm img{height:  50px; vertical-align: top; opacity: 0;  position: relative; transition: all 0.6s 0.2s }
.casebm h2{color: #fff; font-size: 20px; line-height: 35px; vertical-align: top;}
.caselb li:hover .caselbpic{transform: scale(1.1);}
.caselb li:hover .casebg{opacity: 1}
.caselb li:hover .casetl{opacity: 1; top: 20px} 
.caselb li:hover .casebl,.caselb li:hover .casebr{opacity: 1; bottom: 20px}
.caselb li:hover .casebm{opacity: 1;margin-top: -42.5px;}
.caselb li:hover .casebm img{ opacity: 1; transform: rotate(360deg);}

.casebb{display: block;border: 1px solid #cea975; background: url(../images/svg4.svg) no-repeat center center; background-size: 45px auto; width: 78px;height: 58px;margin:55px auto 0; border-radius: 5px; overflow: hidden; transition: all 0.3s linear}
.casebb:hover{background: url(../images/svg4fff.svg) no-repeat center center #cea975; background-size: 45px auto;}

.ystxt{text-align: center;}
.ystxt h2{ line-height: 80px;font-family: 'pfl';font-size: 60px;color: #cea975; padding: 10px 0; }
.ystxt p{color: #3c3c3c;font-size: 14px; line-height: 30px;}
.ystxt4{text-align: center;}
.ystxt4 h2{ line-height: 80px;font-family: 'pfl';font-size: 60px;color: #fff; padding: 10px 0; }
.ystxt4 p{color: #fff;font-size: 14px; line-height: 30px;}
.mbrq{ position: relative; margin: 90px 0 0; position: relative; }
.img7b{background: url(../images/img7b.jpg) no-repeat center top;}
.mbrql{float: left;width: 50%; box-sizing: border-box; position: relative;padding-right: 4.5px;}
.mbrqr{float: right;width: 50%; box-sizing: border-box; position: relative;padding-left: 4.5px;}
.mbrqm{position: relative; height: 306px;background: #cea975; }
.mbrqm1{animation-duration:1s}
.mbrqm2{animation-duration:1s;animation-delay:0.5s;}
.mbrqm3{animation-duration:1s;animation-delay:1s;}
.mbrqm4{animation-duration:1s;animation-delay:1.5s;}

.mbrql .mbrqm:nth-child(1){border-radius: 0 10px 0 0}
.mbrql .mbrqm:nth-child(1) .mbrqimg{border-radius: 0 10px 0 0}
.mbrql .mbrqm:nth-child(2){border-radius: 0 0 10px 0}
.mbrql .mbrqm:nth-child(2) .mbrqimg{border-radius: 0 0 10px 0}
.mbrqr .mbrqm:nth-child(1){border-radius: 10px 0 0 0}
.mbrqr .mbrqm:nth-child(1) .mbrqimg{border-radius: 10px 0 0 0}
.mbrqr .mbrqm:nth-child(3){border-radius: 0 0 0 10px}
.mbrqr .mbrqm:nth-child(3) .mbrqimg{border-radius: 0 0 0 10px}
.mbrqimg{overflow: hidden;position: relative;height: 306px; }
.mbrqimgc{width: 100%; position: absolute;left: 0;top: 0; height: 100%; opacity: 0; transition: all 0.5s}
.mbrqm:hover .mbrqimgc,.mbrqm.now .mbrqimgc{opacity: 1; transform: scale(1.05);}
.icon6b{background: url(../images/icon6b.png) no-repeat center center;    }
.icon7b{background: url(../images/icon7b.png) no-repeat center center;   }
.icon8b{background: url(../images/icon8b.png) no-repeat center center;  }
.icon9b{background: url(../images/icon9b.png) no-repeat center center;  }
.icon54a{ transition: all 0.3s; display: inline-block; background: url(../images/icon54a.png) no-repeat center bottom; background-size: 100% auto; width: 100%; height: 55px; position: absolute;left: 0; bottom: 0; z-index: 10; }
.icon54b{  transition: all 0.3s;display: inline-block; background: url(../images/icon54b.png) no-repeat center top; background-size: 100% auto; width: 100%; height: 55px; position: absolute;left: 0;top: 0; z-index: 10; }
/**.mbrq:hover .icon54a{background: url(../images/icon55a.png) no-repeat center bottom; background-size: 100% auto;}
.mbrq:hover .icon54b{background: url(../images/icon55b.png) no-repeat center top; background-size: 100% auto;}**/
.mbrqimga{width: 100%; vertical-align: top;transition: all 0.5s}
.mbrqimgb{width: 100%; position: absolute;left: 0;top: 0; opacity: 0; transition: all 0.5s}
.mbrqm:hover .mbrqimgb{opacity: 1; transform: scale(1.1);} 
.mbrqm:hover .mbrqimga{opacity: 0;transform: scale(1.1);}
.mbrqimg.now .mbrqimgb{opacity: 1; }
.mbrqimg.now .mbrqimga{opacity: 0; }
.icon56a{ transition: all 0.3s; display: inline-block; background: url(../images/icon56a.png) no-repeat center bottom; background-size: 100% auto; width: 100%; height: 55px; position: absolute;left: 0; bottom: 0; z-index: 10; }
.icon56b{  transition: all 0.3s;display: inline-block; background: url(../images/icon56b.png) no-repeat center top; background-size: 100% auto; width: 100%; height: 55px; position: absolute;left: 0;top: 0; z-index: 10; }


.mbrqtxt{width: 100%; position: absolute;left: 0;top: 0;height: 100%}
.mbrqtxtm{display: table;width: 100%; height: 100%}
.mbrqtxtmm{display: table-cell;vertical-align: middle;text-align: center;width: 100%; line-height: 35px; letter-spacing: 3px; height: 100%; font-size: 24px; color: #fff; font-family: 'pfb'}
.mbrqtxt2{ transition: all 0.3s; width: 110px;height: 110px; position: absolute;left: 50%; top: -55px;z-index: 10; border-radius: 5px;  margin-left: -55px; background: #fff; box-shadow: 0 8px 0 rgba(0,0,0,0.1)}
.mbrqtxt2m{ transition: all 0.3s;display: table-cell;vertical-align: middle;width: 110px;height: 110px;text-align: center; color: #cea975;line-height: 45px; font-size: 40px; font-family: 'pfm' }
.mbrqtxt3{bottom: -55px;box-shadow: 0 -8px 0 rgba(0,0,0,0.1); top: auto}
.mbrqmid{width: 246px;height: 246px; overflow: hidden; position: absolute;left: 50%; top: 50%; margin:-123px 0 0 -123px; z-index: 20; border-radius: 50%}
.mbrqmidm{display: table-cell;vertical-align: middle;text-align: center;width: 246px;height: 246px;background: #fff;}
.mbrqmidma{ color: #cea975;}
.mbrqmidma h2{font-family: 'pfb'; font-size: 36px; letter-spacing: 3px}
.mbrqmidma p{font-family: 'pfb'; font-size: 48px; letter-spacing: 5px}
.mbrqm:hover .mbrqtxt2{ background: #cea975 }
.mbrqm:hover .mbrqtxt2m{ color: #3c3c3c }
.mbrqmidmb{ display: none;}
.mbrqmidmb h2{ color: #3c3c3c; font-size: 36px; font-family: 'pfm'; letter-spacing: 2px }
.mbrqmidmbtxt1{padding-left: 15px;}
.mbrqmidmbtxt1 span{display: inline-block;width: 35px;height: 35px;  margin-left: -3px; line-height: 35px; text-align: center; background: #3c3c3c; color: #cea975;font-size: 20px; border-radius: 50%}
.mbrqmidmbtxt2 b{color: #3c3c3c; font-size: 60px;font-family: 'asr'; display: block;}
.mbrqmidmbtxt2 span{color: #3c3c3c; font-size: 20px;font-family: 'asr'; letter-spacing: 1px}
.mbrqmidm:hover{background:#cea975;}
.mbrqmidm:hover .mbrqmidma{ display: none; }
.mbrqmidm:hover .mbrqmidmb{ display: block; }

.mbrq:hover .mbrqimgc{ opacity: 1 }



.icon14{text-align: center; padding: 40px}
.icon14 img{ vertical-align: top;max-width: 100% }
.mbtxta{transition: all 0.3s}
.mbtxtb{ visibility: hidden; opacity: 0; transition: all 0.3s}
.mbrqm:hover .mbtxtb{ visibility: visible;  opacity: 1}
.mbrqm:hover .mbtxta{ visibility: hidden; opacity: 0 }
.hyjd{padding: 150px 0 0}
.hyjdwrap{padding: 60px 0 100px;}
.hyjdbox{max-width: 1200px; margin:0 auto; position: relative;}
.hyjdm{overflow: hidden;padding: 30px 0 50px}
.hyjdm .swiper-slide{ box-sizing: border-box;}
.hyjdm .swiper-slide:nth-child(1),.hyjdm .swiper-slide:nth-child(2),.hyjdm .swiper-slide:nth-child(3){visibility: hidden;}
.hym{  border-radius: 10px; position: relative;transition: all 0.3s ease-out }
.hym img{vertical-align: top;width: 100%; border-radius: 10px}
.hymb{padding: 20px; text-align: center;}
.hymb h2{text-align: center;line-height: 30px;transition: all 0s; padding-bottom: 15px;position: relative; color: #333; font-size: 18px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.hymb h2 b{display: inline-block;width: 60px;height: 4px; transform: scale(0,1); transition: all 0.1s; background: #cea975; border-radius: 4px; position: absolute;left: 50%; margin-left: -30px; bottom: 0}
.hymbtxt1{display:inline-block; transition: all 0s;color: #bbb;font-size: 12px; line-height: 30px; padding: 5px 0 0}
.hymb p{color: #999;font-size: 14px;transition: all 00s;line-height: 25px;margin-bottom: 15px;height: 100px; overflow: hidden; text-align: left;}
.hymbtxt2{display: inline-block;transition: all 0.1s;border: 2px solid #cea975;width: 98px;height: 25px; line-height: 25px; border-radius: 20px; text-align: center;font-size: 14px; color: #cea975}
.hym2{position: absolute;width: 106%;top: -20px; left: -3%; z-index: 20;  background: #fff;box-shadow: 0 0 3px rgba(0,0,0,0.1); border-radius: 10px; opacity: 0; transition: all 0.3s}
.hym2 img{vertical-align: top;width: 100%; border-radius: 10px}
.hym2 .hymb h2{ color: #cea975 }
.hym2 .hymbtxt1{color: #6e6e6e;font-size: 14px;}
.hym2 .hymb p{color: #6e6e6e; font-size: 15px; line-height: 26px;height: 104px;margin-bottom: 15px}
.hym2 .hymbtxt2{color: #fff; background: #cea975; font-size: 18px;height: 30px; line-height: 30px;width: 110px}
.hyjdm .swiper-slide:hover{z-index: 10}
.hyjdm .swiper-slide:hover .hym{ transform: scale(1.08);box-shadow: 0 0 10px rgba(0,0,0,0.1); z-index: 10}
.hyjdm .swiper-slide:hover .hymbtxt2{ color: #fff; background: #cea975 }
.hyjdm .swiper-slide:hover .hymb h2 b{transform: scale(1,1);}



.hyjdm .swiper-slide:hover .hym2{opacity: 0}
.icon15{display: inline-block;width: 60px;height: 100%; background: url(../images/icon15a.png) no-repeat left center ; position: absolute;left: -55px; top:0; cursor: pointer; z-index: 10;outline:0;}
.icon15:hover{background: url(../images/icon15b.png) no-repeat left center #fff;}
.icon16{display: inline-block;width: 60px;height: 100%; background: url(../images/icon16a.png) no-repeat right center ; position: absolute;right: -55px; top:0; cursor: pointer; z-index: 10;outline:0;}
.icon16:hover{background: url(../images/icon16b.png) no-repeat right center #fff;}
.hyjdb{text-align: center;}
.hyjdb .swiper-pagination-bullet{display: inline-block;width: 10px;height: 10px; outline: none; border-radius:8px; margin: 0 5px; background: #e6e5e3; opacity: 1;transition: all 0.3s ease-out}
.hyjdb .swiper-pagination-bullet-active,.hyjdb .swiper-pagination-bullet:hover{width: 20px;background: #cea975;}
.hyjdb2{text-align: center; margin-top: 10px;}
.hyjdb2 .swiper-pagination-bullet{display: inline-block;width: 10px;height: 10px;outline: none; border-radius:8px; margin: 0 5px; background: #e6e5e3; opacity: 1; transition: all 0.3s ease-out}
.hyjdb2 .swiper-pagination-bullet-active,.hyjdb2 .swiper-pagination-bullet:hover{width: 20px;background: #cea975;}
.img5{background: url(../images/img5.jpg) no-repeat center center; padding: 100px 0 75px;background-attachment: fixed;}

.zct{padding: 50px 0 0; max-width: 1200px; margin:0 auto; text-align: center; position: relative;z-index: 100}
.zct h2{color: #cea975;font-size: 40px;line-height: 55px;padding: 0 0 15px;text-align: center; letter-spacing: 5px}
.zctss{ vertical-align: middle; display: inline-block;width: 56%; border:1px solid #cea975;height: 48px; border-radius: 25px; position: relative;z-index: 20}
.zctssl{float: left;width: 74%;height: 48px; background: none; border: none;font-family:"pfm"; color: #cea975;font-size: 16px;box-sizing: border-box;padding: 0 15px}
.zctssl:-ms-input-placeholder{color: #cea975;}
.zctssl::-webkit-input-placeholder{color: #cea975;}

.zctssl2{width: 600px;height: 48px; display: inline-block;vertical-align: top;  background: none; border:1px solid #cea975; border-radius: 25px; font-family:"pfm"; color: #cea975;font-size: 16px;box-sizing: border-box;padding: 0 15px}
.zctssl2:-ms-input-placeholder{color: #cea975;}
.zctssl2::-webkit-input-placeholder{color: #cea975;}

.zctssr{float: right;width: 26%;background: #cea975;height: 48px; z-index: 10; border-radius: 25px; position: relative;text-align: center; cursor: pointer; padding: 0 15px; box-sizing: border-box;}
.zctssr2{width: 175px; float: none; display: inline-block; margin: 0 10px 0 20px; background: #cea975;height: 48px; vertical-align: top; z-index: 10; border-radius: 25px; position: relative;text-align: center; cursor: pointer; padding: 0 15px; box-sizing: border-box;}

.zctssrtxt{background: url(../images/icon17.png) no-repeat right center; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; text-align: left; padding-right: 15px;width:100%; box-sizing: border-box; color: #000;font-size: 16px; height: 48px; line-height: 48px;display: inline-block; }
.zctssrb{position: absolute; border-radius: 10px; display: none; width: 100%;left: 0; top: 58px;height: 214px; background: #ffdcaa; box-sizing: border-box;padding: 5px 0 5px 15px}
.zctssrb ul{padding-right: 15px}
.zctssrb li{text-align: left;border-bottom:1px dashed #d7b27f; color: #000; line-height:25px; font-size: 14px; cursor: pointer; }
.zctssrb li:hover{font-weight: bold;}
.zctssrb .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{opacity: 1}
.zctssrb .mCSB_scrollTools{right: 5px}
.zctssrb .mCSB_scrollTools .mCSB_draggerRail{width: 3px}
.zctr{ outline: none; transition: all 0.3s; display: inline-block;border-radius: 50%; background: url(../images/svg6.svg) no-repeat center center; background-size: 28px auto; border:1px solid #cea975;width: 48px;height: 48px; margin-left: 18px; position: relative; cursor: pointer;}
.zctr:hover{background: url(../images/svg6b.svg) no-repeat center center #cea975; background-size: 28px auto;}
.zctr2{ margin-left: 0 }

.zctrm{width: 48px;height: 48px; display: table-cell;vertical-align: middle;text-align: center; overflow: hidden; opacity: 0}
.zctrm img{width: 28px; position: relative;transition: all 0.1s}
.zctr_btn{width: 50px; height: 50px; position: absolute;left: 0;top: 0; z-index: 10; cursor: pointer;opacity: 0; border:none;}
.zctb{height: 30px; overflow: hidden; line-height: 30px; font-size: 14px; color: #cea975}
.ppbh{padding:45px 0;max-width: 1240px;margin:0 auto; }
.ppbh li{float: left;width: 25%;padding: 0 20px; box-sizing: border-box; cursor: pointer;transition: all 0.3s;}
.ppbhm{border: 1px solid #cea975; border-radius: 10px;height: 290px; transition: all 0.3s;}
.ppbhmm{display: table;width: 100%;height: 290px;}
.ppbhmmm{display: table-cell;width: 100%;height: 290px; vertical-align: middle; text-align: center; overflow: hidden;}
.ppbh li img{ position: relative;transition: all 0.1s; height: 62px; margin: 0 auto}
.svg7b{display: none;}
.ppbh li:nth-child(3) img{height: 52px;}
.ppbh li:nth-child(4) img{height: 50px;}
.ppbh li h2{line-height: 35px;transition: all 0.3s; text-align: center; padding:0 20px 10px; position: relative;color: #cea975;font-family: 'pfb'; font-size: 20px; position: relative;}
.ppbh li h2 span{display: inline-block;width: 50px;height: 2px;transition: all 0.3s; background: #cea975; position: absolute;left: 50%; margin-left: -25px; bottom: 0}
.ppbh li p{ color: #cea975;font-size: 14px;transition: all 0.3s; padding:25px 20px 0; line-height: 24px; text-align: center;height: 72px; overflow: hidden; }
.ppbh li:hover{ margin-top: -10px;  }
.ppbh li:hover .ppbhm{ background: #cea975; box-shadow: 0 5px 15px rgba(176,133,72,0.4) }
.ppbh li:hover .svg7a{display: none;}
.ppbh li:hover .svg7b{display: block;}
.ppbh li:hover h2{color: #3c3c3c}
.ppbh li:hover h2 span{background: #3c3c3c}
.ppbh li:hover p{color: #3c3c3c}
.zxdt{border: 1px solid #cea975; overflow: hidden; border-radius: 10px;padding: 0 15px; height: 36px; box-sizing: border-box;max-width: 1200px; margin: 0 auto 40px}
.zxdtl{display: inline-block;float: left;padding-left: 30px; line-height: 34px; color: #cea975; position: relative; font-size: 16px;}
.zxdtl img{ position: absolute;left:-30px;height: 18px; top: 50%; margin-top: -9px;filter: drop-shadow(#cea975 35px 0); }
.str_wrap {overflow:hidden;width:100%;font-size:12px;line-height:16px;position:relative;-moz-user-select: none;-khtml-user-select: none;
user-select: none;  white-space:nowrap;}
.str_move { white-space:nowrap;position:absolute; top:0; left:0;cursor:move;}
.str_move_clone {display:inline-block;vertical-align:top;position:absolute; left:100%;top:0;}
.str_vertical .str_move_clone {left:0;top:100%;}
.str_down .str_move_clone {left:0;bottom:100%;}
.str_vertical .str_move,.str_down .str_move {white-space:normal;width:100%;}
.str_static .str_move,.no_drag .str_move,.noStop .str_move{cursor:inherit;}
.zxdtr{display: inline-block;float: left;overflow: hidden;height: 34px;width: 90%}
.zxdtr span{display: inline-block;background: url(../images/icon18.png) no-repeat right center;width: 250px;text-align: center;color: #cea975;font-size: 16px; line-height: 34px;}
.kehu{padding: 95px 0 80px}
.khuwrap{padding: 55px 0 0; position: relative;max-width: 1155px;}
.khubox{overflow: hidden;}
.khum{border-left: 1px solid #e2cfb5; border-top: 1px solid #e2cfb5}
.khum li{display: inline-block;float: left;width: 16.66%;border-bottom: 1px solid #e2cfb5; box-sizing: border-box; position: relative; border-right: 1px solid #e2cfb5; transition: all 0.2s}
.khum li img{width: 100%;height: auto;transition: all 0.2s; vertical-align: top; max-height: 170px}
.khum li:hover{ background:#e6d7c2;border-bottom:1px solid #e2cfb5;border-right:1px solid #e2cfb5;}
.khum li:hover img{ transform: scale(0.85,0.85);}
.khum li span{display: inline-block;width: 1px;height: 100%; position: absolute;left:-1px;top: 0;  opacity: 0;transition: all 0.2s}
.khum li:hover span{ background: #e2cfb5; opacity: 1 }
.khum li b{display: inline-block;width: 100%;height:1px; position: absolute;left:0;top: -1px;  opacity: 0;transition: all 0.2s}
.khum li:hover b{ background: #e2cfb5; opacity: 1 }
.khuboxb{text-align: center;padding: 40px 0 0}
.khuboxb .swiper-pagination-bullet{display: inline-block;width: 10px;height: 10px; transition: all 0.3s ease-out; border-radius:8px; margin: 0 5px; background: #3c3c3c; opacity: 1}
.khuboxb .swiper-pagination-bullet-active,.khuboxb .swiper-pagination-bullet:hover{width: 25px;outline:0}
.khuboxb2{text-align: center;padding: 20px 0 0}
.khuboxb2 .swiper-pagination-bullet{display: inline-block;width: 10px;height: 10px; border-radius:8px; margin: 0 5px; background: #3c3c3c; opacity: 1}
.khuboxb2 .swiper-pagination-bullet-active{width: 25px}
.khul{ outline: none; display: inline-block;width: 60px;height: 60px; transition: all 0.1s; overflow: hidden; text-align: center; border: 2px solid #cea975; box-sizing: border-box; border-radius: 50%;position: absolute;left: -85px; top: 50%;margin-top:-30px; cursor: pointer;}
.khul img{height: 36px; margin: 10px auto;transition: all 0.1s;transform: rotate(-180deg); position: relative; }
.khul:hover{background: #cea975}
.khul:hover img.hide{display: block;}
.khul:hover img.show{ display: none; }
.khur{outline: none;display: inline-block;width: 60px;height: 60px; transition: all 0.1s; overflow: hidden; text-align: center; border: 2px solid #cea975; box-sizing: border-box; border-radius: 50%;position: absolute;right: -85px; top: 50%;margin-top:-30px; cursor: pointer;}
.khur img{height: 36px; margin: 10px auto; position: relative; }
.khur:hover{background: #cea975}
.khur:hover img.hide{display: block;}
.khur:hover img.show{ display: none; }
.khphwrap{padding: 10px 15px}
.khphbox{overflow: hidden;}
.khphbox .khum li{width: 33.33%}
.img7{background: url(../images/img7.jpg) no-repeat center bottom #0ff;padding: 70px 0 60px; position: relative;z-index: 10}
.img7t{text-align: center;color: #3c3c3c;font-size: 60px;font-family: 'pfl'; line-height: 70px; padding-bottom: 40px;}
.img7m{max-width: 1200px;margin:0 auto;}
.img7m li{display: inline-block;float: left;width: 33.33%; box-sizing: border-box;padding: 0 12px; box-sizing: border-box; margin-bottom: 25px;}
.cke{border-top: 4px solid #cea975; background: rgba(255,255,255,0.5);padding: 0 0 4px;transition: all 0.3s 0.3s}
.cket{text-align: center;color: #d5b180;font-size: 58px; padding: 0 3px; font-family: 'mksd1ab';height: 80px; line-height: 80px; position: relative;}
.cket span{position: relative;z-index: 10; transition: all 0.3s 0.2s}
.cket b{position: absolute;left: 0;top: 0;width: 100%;height:0; background: #d5b180; transition: all 0.3s; opacity: 0}
.ckem{background: rgba(255,255,255,0.5);padding:10px 15px; box-sizing: border-box;min-height: 170px;transition: all 0.3s }
.ckem h3{transition: all 0.3s; text-align: center;white-space:nowrap; overflow: hidden;text-overflow: ellipsis;line-height: 30px; margin-bottom: 10px; padding-bottom: 15px; position: relative;color: #d5b180;font-family: 'pfb'; font-size: 20px;}
.ckem h3 span{display: inline-block;background: #d5b180;width: 40px;height: 3px; transform: scale(0,1);transition: all 0.2s 0.1s; position: absolute;left: 50%; margin-left: -20px;bottom: 0}
.ckem p{line-height: 24px;color: #d5b180;font-size: 14px;transition: all 0.3s;}
.img7m li:hover .cket b{height: 80px; opacity: 1}
.img7m li:hover .cket span{color: #fff;}
.img7m li:hover .cke{background: #d5b180;}
.img7m li:hover .ckem{background: #fff;}
.img7m li:hover .ckem h3,.img7m li:hover .ckem p{color: #3c3c3c}
.img7m li:hover .ckem h3 span{transform: scale(1,1);}
.lxwm{ position: relative;z-index: 3 }
.lxwmjj{width: 100%}
.lxwmt{ background: #1c1c1c;padding: 75px 0 45px; position: relative;z-index: 10 }
.lxtxt{text-align: center;}
.lxtxt h2{ line-height: 80px;font-family: 'pfl';font-size: 60px;color: #cea975; padding: 10px 0; }
.lxtxt p{color: #fff;font-size: 20px; line-height: 30px; letter-spacing: 10px;text-indent: -20px;}
.icon20{background: url(../images/icon20.jpg) repeat; padding: 55px 0 }
.lxwmb{max-width: 1200px; margin:0 auto;}
.lxyx{}
.lxyx li{display: inline-block;float: left;width: 33.33%;text-align: center; overflow: hidden; color: #cea975;font-family: 'agitcbt'; padding-bottom: 20px;}
.lxyx h2{padding: 70px 0 0; position: relative;font-size: 24px;  line-height: 35px;color: #cea975;}
.lxyx p{line-height: 45px;font-size: 16px;color: #cea975;}
.lxyx li img{position: absolute;}
.lxyx li:nth-child(1) img{width: 60px;left: 50%; margin-left: -30px; top:-70px;filter: drop-shadow(#cea975 0 70px);}
.lxyx li:nth-child(2) p{font-size: 26px; letter-spacing: 2px;}
.lxyx li:nth-child(2) img{width: 42px;left: 50%; margin-left: -21px;top: 5px;}
.lxyx li:nth-child(3) img{width: 60px;left: 50%; margin-left: -30px; top:-70px;filter: drop-shadow(#cea975 0 60px);}
.ckdt{display: inline-block;background: #3c3c3c; transition: all 0.3s; color: #cea975;font-size: 16px;width: 180px;height: 42px; line-height: 42px; border-radius: 21px;text-align: center;border-radius: 22px;}
.ckdt:hover{ color: #333; background: #cea975 }
.lxbd{padding: 40px 20px 0}
.lxbd p{text-align: center;line-height: 35px; padding-bottom: 20px;color: #cea975;font-size: 16px;}
.lxbdl{float: left;width: 48%}
.lxbdbk{position: relative;}
.lxbdbk_input{border: 1px solid #cea975; position: relative;z-index: 2; background: none; width: 100%;height: 40px;padding: 0 20px; box-sizing: border-box;font-family: 'pfm';font-size: 16px; color: #cea975; border-radius: 22px;}
.lxbdbk span{display: inline-block;position: absolute; z-index: 1; line-height: 20px;left: 20px;top: 9px; transition: all 0.3s; padding: 0 3px; background: url(../images/icon20.jpg) repeat; color: #cea975;font-size: 16px;}
.lxbdbk.now span{top: -10px; z-index: 3}
.lxbdr{float: right;width: 48%;border: 1px solid #cea975;box-sizing: border-box;border-radius: 20px; position: relative;padding: 10px 20px;}
.lxbdr_text{width: 100%;height: 74px;font-family: 'pfm'; position: relative; z-index: 2; background: none; border:none; outline: none; font-size: 16px; color: #cea975; line-height: 30px;}
.lxbdr span{display: inline-block;position: absolute; z-index: 1; line-height: 20px;left: 20px;top: 9px; transition: all 0.3s; padding: 0 3px; background: url(../images/icon20.jpg) repeat; color: #cea975;font-size: 16px;}
.lxbdr.now span{top: -10px; z-index: 3}
.lxbd_btn{border: 1px solid #cea975; -webkit-appearance: none;appearance:none; background: #3c3c3c; color: #cea975;transition: all 0.5s; border-radius: 22px;text-align: center;font-size: 24px;font-family: 'agitcbt';width: 100%; height: 40px;box-sizing: border-box; cursor: pointer;}
.lxbd_btn:hover{color: #3c3c3c; background: #cea975}
.lxbd_btnb{border: none; -webkit-appearance: none;appearance:none; background: #cfa972; color: #3c3c3c;transition: all 0.5s; border-radius: 25px; line-height: 40px; text-align: center;font-size: 24px;font-weight: bold;font-family: 'agitcbt';width: 300px; height: 48px;box-sizing: border-box; cursor: pointer;}
.lxbd_btnb:hover{color: #cea975; background: #3c3c3c}

.footer{background: #1c1c1c;text-align: center;color: #3c3c3c;font-size: 14px;padding: 20px 0; line-height: 25px;}
.sym{background: #fff; position: relative;z-index: 20}
.float{position: fixed;right: 0;top: 50%; z-index: 1000; margin-top: -122px;}
.float li{ position: relative;width: 60px; margin-bottom: 1px }
.float li:nth-child(1) a{display: block;width: 60px;height: 60px; border-radius: 5px; background:#cea975; overflow: hidden; text-align: center;}
.float li:nth-child(1) a img{width: 35px; position: relative; margin:12.5px auto;}
.floatm{width: 60px;height: 60px; border-radius: 5px; background:#cea975; overflow: hidden; text-align: center; cursor: pointer; position: relative;z-index: 3 }
.floatm img{width: 30px; position: relative;}
.float li:nth-child(2) .floatm img,.float li:nth-child(3) .floatm img,.float li:nth-child(4) .floatm img{margin-top: 10.5px}
.floatml{position: absolute; display: none; z-index: 2; width: 150px; right: 40px; top: 0; background: #262626;padding: 0 18px;line-height: 60px; color: #fff;font-size: 23px; font-family: 'agitcbt'; opacity: 0; transition: all 0.3s}
.floatml span{display: inline-block;width: 9px; height: 18px; position: absolute;right: -8px; top: 50%; margin-top: -9px; background: url(../images/icon22.png) no-repeat right center;}
.float li:nth-child(2) .floatml{right: 0; display: inline-block; visibility: hidden;}
.float li:nth-child(2):hover .floatml{right: 69px; opacity: 1; visibility: visible;}
.floatml2{position: absolute; z-index: 2; display: inline-block; visibility: hidden; text-align: center; width: 135px; height: 135px; right: 0; opacity: 0; top: 50%; margin-top: -67.5px; background: #262626;line-height: 60px; color: #fff;font-size: 23px; font-family: 'agitcbt';  transition: all 0.3s}
.floatml2 img{width: 105px;height: 105px;padding: 15px 0}
.floatml2 span{display: inline-block;width: 9px; height: 18px; position: absolute;right: -8px; top: 50%; margin-top: -9px; background: url(../images/icon22.png) no-repeat right center;}
.float li:nth-child(3):hover .floatml2{right: 68px; opacity: 1; visibility: visible;}
.fwln{padding: 90px 0 40px; text-align: center;}
.fwlnb{width: 100%; margin-bottom: 95px;height: 530px; position: relative; background: url(../images/img11.jpg) no-repeat center bottom; background-attachment: fixed;}
.svg33b{display: inline-block;width: 100%; position: absolute;left: 0;top: 0; height: 100%; z-index: 1; background: url(../images/svg33bb.png) no-repeat center center;}
.svg33a{display: inline-block;width: 100%; position: absolute;left: 0;top: 0; height: 100%; z-index: 1; background: url(../images/svg33a.png) no-repeat center center;}

.fwlnm{max-width: 1100px; margin:0 auto; position: relative;z-index: 10}
.fwlnm li{display: inline-block;width: 20%; float: left;}
.fwlnmm{display: table;width: 100%; height: 530px;}
.fwlnmmm{display: table-cell;width: 100%;height: 530px; text-align: center;vertical-align: middle;}
.fwlntop{ position: relative;  }
.fwlntop span{display: inline-block;cursor: pointer; transition: all 0.3s; width: 100px;height: 100px;border-radius: 50%; box-sizing: border-box; line-height: 35px;padding: 15px 0; text-align: center;font-size: 26px; color: #3c3c3c; background: #cea975; position: relative;z-index: 12}
.fwlntop:hover span{  background: #fff; color: #cea975 }

.fwlntop em{display: inline-block;width: 166px;height: 166px; opacity: 0;position: absolute;left: 50%; top: 50%; margin: -83px 0 0 -83px; background: url(../images/svg14.svg) no-repeat center center; z-index: 1}
.fwlntop:hover em{ opacity: 1; animation: star 9s linear infinite}
.fwlnmid{text-align: center;color: #fff; font-size: 100px;font-family: mkmc078; padding: 90px 0 60px; line-height: 55px;}
.phfw{display: none;}
.xscase{padding: 45px 0 0}
.xqwrap{padding: 135px 0 0}
.xqbox{ max-width: 1200px; margin:0 auto; background: #fff;}
.xqt{border-bottom: 1px solid #f7f7f7; text-align: center;padding: 45px 0 5px}
.xqt h2{line-height: 45px; padding-bottom: 10px; color: #000;font-size: 30px;}
.xqt h3 span{display: inline-block;line-height: 30px; color: #3c3c3c; font-size: 14px; margin:0 12px;}
.xqt p{line-height: 30px; color: #8c8c8c; font-size: 14px;}
.xqwx{padding: 0 0 30px; text-align: center; position: relative; z-index: 10}
.xqwxt{overflow: hidden;width: 115px; margin: 0 auto; position: relative;}
.xqwxt img{width: 30px; position: relative;}
.xqwxt h3{ line-height: 25px; color: #aaa; font-size: 12px;  }
.xqwxt span{display: inline-block;width: 34px;height: 30px; position: absolute;left: 50%; margin-left: -17px;top:14px; cursor: pointer;}
.xqwxb{ background: #fff; display: none; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.1); width: 266px; position: absolute;left: 50%; margin-left: -133px; top: 70px;box-sizing: border-box;padding: 20px 35px; }
.xqwxbt{line-height: 28px; padding-bottom: 15px; color: #333; font-size: 16px; position: relative; text-align: left;}
.xqwxbt span{ transition: all 0.3s; display: inline-block; font-weight: bold;;font-size: 20px; width: 20px;height: 28px; color: #989eac; text-align: right;line-height: 28px; font-family: '宋体'; cursor: pointer; position: absolute;right: 0;top: 0; }
.xqwxbt span:hover{transform: rotate(360deg);}
.xqwxbm{text-align: center;}
.xqwxbm img{width: 190px; vertical-align: top;}
.xqwxb p{color: #aaa;font-size: 14px;line-height: 22px; padding: 20px 0 0}
.xqwx:hover .xqwxt h3,.xqwx.now .xqwxt h3{opacity: 1}

.xqm{padding: 0 50px 50px}
.xqmt{ color: #6e6e6e;font-size: 14px; line-height: 30px;padding: 0 10px }
.xqmt video{width: 100%}
.xqmt img{max-width: 100%}
.xqsc{width: 80px; height: 80px; border-radius: 50%;border: 1px solid #cea975; margin: 20px auto 30px; cursor: pointer;}
.xqscm{display: table-cell;vertical-align: middle;text-align: center;  font-size: 16px;width: 80px;height: 80px;}
.xqscm p{padding: 30px 0 0; background: url(../images/svg15a.svg) no-repeat center top;color: #cea975;}
.xqscnow{background: #cea975}
.xqscnow .xqscm p{ color: #fff;background: url(../images/svg15.svg) no-repeat center top; }

.xqmb{}
.xqmbl{ display: inline-block; float: left;width: 44%; border: 1px solid #cea975; border-radius: 0 5px 5px 0; box-sizing: border-box;height: 60px;padding: 0 20px;}
.xqmbl span{display: inline-block;line-height: 58px; transition: all 0.3s; background: url(../images/svg16a.svg) no-repeat left center; padding-left: 30px; color: #6e6e6e;font-size: 14px;}
.xqmbl:hover{background: #cea975}
.xqmbl:hover span{color: #fff;background: url(../images/svg16b.svg) no-repeat left center;}
.xqmbr{ display: inline-block; float: right;width: 44%; border: 1px solid #cea975; border-radius: 5px 0 0 5px; box-sizing: border-box;height: 60px;padding: 0 20px;text-align: right;}
.xqmbr span{display: inline-block;line-height: 58px; transition: all 0.3s; background: url(../images/svg17a.svg) no-repeat right center;  padding-right: 30px; color: #6e6e6e;font-size: 14px;}
.xqmbr:hover{background: #cea975}
.xqmbr:hover span{color: #fff;background: url(../images/svg17b.svg) no-repeat right center;}
.xqmbm1{float: left;margin-left: 0.8%;width: 5%;height: 60px;text-align: center; transition: all 0s; background: url(../images/svg18.svg) no-repeat center center; display: inline-block; box-sizing: border-box;border: 1px solid #cea975; border-radius: 5px;}
.xqmbm1 span{color: #fff;line-height: 58px; font-size: 18px; opacity: 0; transition: all 0s}
.xqmbm1:hover{background: #cea975}
.xqmbm1:hover span{opacity: 1}
.xqmbm2{float: left;margin-left: 0.4%;width: 5%;height: 60px;text-align: center; transition: all 0s; background: url(../images/svg19.svg) no-repeat center center; display: inline-block; box-sizing: border-box;border: 1px solid #cea975; border-radius: 5px;}
.xqmbm2 span{color: #fff;line-height: 58px; font-size: 18px; opacity: 0; transition: all 0s}
.xqmbm2:hover{background: #cea975}
.xqmbm2:hover span{opacity: 1}
.jdwrap{max-width: 1300px; margin:0 auto; padding: 0 0 90px}
.jd{position: relative;margin-bottom: 30px;height: 335px; background: #f7f7f7; cursor: pointer; transition: all 0.3s; margin-bottom: 30px;}
.jdpic{width: 38%;height: 335px; float: left;}
.jdm{width: 7.7%; background: #cea975; position: absolute;left: 38%; top: 0;height: 335px; box-sizing: border-box;transition: all 0.3s}
.jdmbor{ transition: all 0.3s; border: 1px solid #333; opacity: 0; width: 100%; height: 100%; display: inline-block;box-sizing: border-box; position: absolute;left: 0; top:0;}
.jdmline{width: 100%;height: 1px; background: #313131; position: absolute;left: 0;top: 150px; display: inline-block;}
.icon26{ transition: all 0.3s; display: inline-block;width: 100%;height: 150px; position: absolute;left: 0; top: 0; z-index: 1;background: url(../images/icon26.png) no-repeat center top; opacity: 0.05}
.icon25{transition: all 0.3s;display: inline-block;width: 100%;height:50px; position: absolute;right: 0; bottom: 0; z-index: 1;background: url(../images/icon25.png) no-repeat right top; opacity: 0.05}
.jdmm{padding: 15px 15px 0; position: relative;z-index: 10}
.jdmm1{transition: all 0.3s;text-align: left;font-family: AvantGardeITCbyBT-Book; height: 85px; color: #776956}
.jdmm1 h2{ font-size: 40px; line-height: 35px; font-weight: 100; }
.jdmm1 p{ font-size: 16px; line-height: 18px; font-weight: 100; }
.jdmm2{transition: all 0.3s;text-align: right;line-height: 50px;color: #fff;  font-weight: 100;opacity: 0.5;font-size: 35px;font-family: AvantGardeITCbyBT-Book;}
.jdmm3{padding: 10px 0 0;text-align: right;font-family: AvantGardeITCbyBT-Book; color: #333;}
.jdmm3 p{font-size: 14px; line-height: 20px;}
.jdmm3 h2{font-size: 30px; line-height: 35px;}
.jdr{width: 54.3%; position: absolute;right: 0;top: 0;height: 335px; padding: 0 25px; box-sizing: border-box; }
.jdrline{width: 100%; height: 1px; position: absolute;left: 0;bottom: 0; background: #ddd; display: inline-block; z-index: 2}
.jdrline2{transition: all 0.3s;width: 0; height: 1px; position: absolute;left: 0;bottom: 0; background: #cea975; display: inline-block; z-index: 3}
.jdrm{display: table;width: 100%;height: 335px;}
.jdrmm{display: table-cell;vertical-align: middle;width: 100%;height: 335px;}
.jdrmm h2{color: #666; transition: all 0.3s; font-size: 24px; line-height: 35px; margin-bottom: 5px;height: 35px; overflow: hidden;width: 100%}
.jdrmm p{ line-height: 30px; color: #999;transition: all 0.3s;font-size: 14px;max-height: 210px; overflow: hidden; margin-bottom: 15px; }
.jdrmmb{}
.jdrmmb span{transition: all 0.3s;display: inline-block;width: 35px; margin-right: 10px; height: 1px; background: #cea975; vertical-align: middle;}
.jdrmmb b{ vertical-align: middle; transition: all 0.3s;display: inline-block;border: 2px solid #cea975; color: #cea975;font-size: 16px; padding: 0 15px; line-height: 24px; border-radius: 15px; font-weight: normal;}
.jd:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1)}
.jd:hover .icon26{opacity: 1}
.jd:hover .icon25{opacity: 1}
.jd:hover .jdmbor{ opacity: 1 }
.jd:hover .jdmm1{color: #cea975}
.jd:hover .jdmm2{opacity: 1}
.jd:hover .jdrmmb span{width: 0}
.jd:hover .jdrmmb b{background: #cea975; color: #fff;}
.jd:hover .jdrline2{width: 100%}
.jd:hover .jdrmm h2{color: #333;}
.jd:hover .jdrmm p{color: #777;}
.jd:nth-child(2n) .jdpic{  float: right; }
.jd:nth-child(2n) .jdm{left: 54.31%}
.jd:nth-child(2n) .jdr{ left: 0; right: auto; }
.jd:nth-child(2n) .icon26{background: url(../images/icon26b.png) no-repeat center top;}
.jd:nth-child(2n) .icon25{background: url(../images/icon25b.png) no-repeat left top;}
.jd:nth-child(2n) .jdmm1{text-align: right;}
.jd:nth-child(2n) .jdmm2{text-align:left;}




.jdpage{display: inline-block;float: left;}
.jdpage a{margin-right: 8px; display: inline-block;border: 2px solid #cea975; padding: 0 10px; box-sizing: border-box; min-width: 38px;height: 38px; text-align: center;line-height: 34px; border-radius: 25px;color: #cea975;font-size: 14px;}
.jdpage a:hover,.jdpage a.now{color: #fff; background: #cea975}
.jdpage span{display: inline-block;width: 16px;height: 1px; background: #cea975; margin:0 10px 0 2px; vertical-align: text-top;}
.jdzy{display: inline-block;float: right;border: 2px solid #cea975; border-radius: 25px; overflow: hidden;width: 240px;}
.jdzyl{display: inline-block;width: 120px;height: 34px; background: url(../images/svg35a.svg) no-repeat center 10px; vertical-align: top; transition: all 0.3s linear}
.jdzyl:hover{background: url(../images/svg35b.svg) no-repeat center 10px #cea975;}
.jdzyr{display: inline-block;width: 120px;height: 34px; background: url(../images/svg36a.svg) no-repeat center 17px; vertical-align: top;transition: all 0.3s linear}
.jdzyr:hover{background: url(../images/svg36b.svg) no-repeat center 17px #cea975;}


.img18b{ display: inline-block; width: 100%;height: 100%; position: absolute;left: 0;top: 0; z-index: 5}
.img18b img{max-height: 100%;}
.img18bm{width: 100%;height: 100%;background: url(../images/img18b.png) no-repeat center center; }
.img30a{ width: 100%;height: 100%;background: url(../images/img30a.png) no-repeat center center; position: absolute; left: 0; top: 0; z-index: 4}
.img30b{ width: 100%;height: 100%;background: url(../images/img30b.png) no-repeat center center; position: absolute; left: 0; top: 0; z-index: 2}
.img30c{ width: 100%;height: 100%;background: url(../images/img30c.png) no-repeat center center; position: absolute; left: 0; top: 0; z-index: 3}




.idea{border: 20px solid #fff;width: 880px;height: 470px;position: absolute;left: 50%; top: 50%;  margin-left: -460px; margin-top: -255px; z-index: 6}
.ideam{display: table-cell;vertical-align: middle;text-align: center;width: 880px;height: 470px; }
.ideam h2 span{color: #fff;font-family:agitcbt; font-size: 252px; margin: 0 30px }
.ideam h3 span{font-size: 60px;font-family:pfl; margin: 0 8px; color: #fff; line-height: 70px; display: inline-block;}
.ideam h3 span:nth-child(4){ margin: 0 25px 0 8px }
.ideam h3 span:nth-child(5){ margin: 0 8px 0 25px }
.ideam p{font-family:agitcbt; font-size: 20px; line-height: 30px; color: #fff; letter-spacing:3px}
.zcbanner{ position: relative; min-height: 600px; padding-bottom: 71px; box-sizing: border-box;  }
.icon48{background: url(../images/icon48.jpg) no-repeat center bottom; display: inline-block;width: 100%; height: 71px; position: absolute;left: 0; bottom: 0; z-index: 10}
.icon48b{display: inline-block;width: 100%; height: 36px;  background: #261663; position: absolute;left: 0; bottom: 0; z-index: 15}
.zcimg{position: relative; z-index: 1}
.zcimg img{width: 100%; vertical-align: top; animation: heartbeat ease-in-out 2.8s infinite alternate; min-height: 600px;}
.zcimg2{position: relative; z-index: 1}
.zcimg2 img{width: 100%; vertical-align: top; animation: heartbeat ease-in-out 2.8s infinite alternate; }
.zctbox{width: 1200px; height: 100%; position: absolute;left: 50%; margin-left: -600px; top: 0; padding: 80px 0 0; box-sizing: border-box;z-index: 13}
.zctboxm{display: table;width: 100%;height: 100%}
.zctboxmm{display: table-cell;width: 100%;height: 100%; }
.zctboxmmm{padding-top: 10%}
.zctxt1{text-align: center;font-family:ZHSRXTGBK;font-size: 223px; color: #fff;font-weight: 500; line-height: 180px}
.zctxt2{color: #fff;border-bottom: 1px solid #fff;font-family:FZLTHJWGB; font-size: 30px;display: inline-block;line-height: 60px;letter-spacing: 18px;}
.zctxt3{text-align: center;padding: 20px 0 10px}
.zctxt3l{display: inline-block;line-height: 90px;color: #cea975;font-size: 80px; vertical-align: middle; letter-spacing: 22px}
.zctxt3r{display: inline-block; text-align: left; vertical-align: middle; letter-spacing: 5px}
.zctxt3r h2{line-height: 50px;color: #00ffff;font-family: 'pfb';font-size: 36px; margin-top: 5px;}
.zctxt3r p{line-height: 40px; color: #00ffff;font-size: 20px;}
.zctbox .zct{padding: 0}
.gszc{text-align: center;width: 100%; position: absolute;left: 0; bottom: 20px; z-index: 14}
.gszcph{position: relative;left: auto;bottom: auto}
.gszc li{ vertical-align: top; transition: all 0.3s; display: inline-block;width: 272px;height: 194px; border-radius: 20px; margin: 0 10px; background: url(../images/icon27.png) no-repeat center center; position: relative;}
.gszcm{display: table-cell;width: 272px;height: 194px;vertical-align: top;text-align: center;}
.gszcm h2{padding: 100px 0 0; line-height: 60px; color: #fff;font-size:34px;letter-spacing: 3px; position: relative; margin-top: 15px;}
.svg22a{background: url(../images/svg22a.svg) no-repeat center top;}
.svg22b{background: url(../images/svg22b.svg) no-repeat center top;}
.svg22c{background: url(../images/svg22c.svg) no-repeat center top;}
.gszcm h2 em{display: inline-block;width: 40px;height: 4px; transform: scale(1,1); transition: all 0.15s; border-radius: 2px;background: #fff; position: absolute;left: 50%; margin-left: -20px; bottom: 60px;}
.icon28a{display: inline-block;width: 11px;height: 11px; background: url(../images/icon28a.png) no-repeat center center; position: absolute; top: 5px; left: 80px;}
.icon28b{display: inline-block;width: 11px;height: 11px; background: url(../images/icon28a.png) no-repeat center center; position: absolute; top:75px; left: 95px;}
.icon28c{display: inline-block;width: 17px;height: 17px; background: url(../images/icon28c.png) no-repeat center center; position: absolute; top:45px; right: 65px;}
.icon29a{display: inline-block;width: 25px;height: 17px; background: url(../images/icon29a.png) no-repeat center center; position: absolute; top:60px; left: 65px;}
.icon29b{display: inline-block;width: 19px;height: 13px; background: url(../images/icon29b.png) no-repeat center center; position: absolute; top:12px; right: 75px;}
.icon29c{display: inline-block;width: 25px;height: 16px; background: url(../images/icon29c.png) no-repeat center center; position: absolute; top:15px; right: 50px;}
.gszcm h2 span{animation: all .3s ease-out 0s; opacity: 0}
@keyframes dd1 {0% {-webkit-transform: translateX(-3px);transform: translateX(-3px);}50% {-webkit-transform: translateX(3px); transform: translateX(3px);}100% {-webkit-transform: translateX(-3px);transform: translateX(-3px);}}
@keyframes dd1-float {100% {-webkit-transform: translateX(-3px);transform: translateX(-3px);}}
.dd1 {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0);  box-shadow: 0 0 1px transparent;}
.gszc li:hover .dd1 { -webkit-animation-name: dd1-float, dd1; animation-name: dd1-float, dd1; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate;}
@keyframes dd3 {0% {-webkit-transform: translateY(-2px);transform: translateY(-2px);}50% {-webkit-transform: translateY(2px); transform: translateY(2px);}100% {-webkit-transform: translateY(-2px);transform: translateY(-2px);}}
@keyframes dd3-float {100% {-webkit-transform: translateY(-2px);transform: translateY(-2px);}}
.dd3 {display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent;}
.gszc li:hover{transform: translate(0,-10px); border-radius: 20px 20px 0 0}
.gszc li:hover .dd3 { -webkit-animation-name: dd3-float, dd3; animation-name: dd3-float, dd3; -webkit-animation-duration: .3s, 1.5s; animation-duration: .3s, 1.5s; -webkit-animation-delay: 0s, .3s; animation-delay: 0s, .3s; -webkit-animation-timing-function: ease-out, ease-in-out; animation-timing-function: ease-out, ease-in-out; -webkit-animation-iteration-count: 1, infinite; animation-iteration-count: 1, infinite; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-direction: normal, alternate; animation-direction: normal, alternate;}
.gszc li:hover h2 span{opacity: 1}
.gszc li:hover .gszcm h2 em{transform: scale(1,1);}

.zcsb{padding: 95px 0 100px}
.zcsb .zxdt{margin: 45px auto 0}
.qfqt{position: relative;max-width: 1200px; margin: 0 auto}
.qfqtm{overflow: hidden;}
.qfqtml{float: left;width: 43%;height: 350px; background: #cea975}
.qfqtmlm{display: table;width: 100%;height: 350px;}
.qfqtmlmm{display: table-cell;width: 100%;height: 350px; vertical-align: middle;}
.qfqtml img{width: 100%; max-height: 350px;}
.qfqtmr{float: right;width: 54%;height: 350px;}
.qfqtmr h2{ color: #cea975;font-size: 24px;padding: 20px 0; line-height: 35px; position: relative; margin-bottom: 25px; }
.qfqtmr h2 span{display: inline-block;width: 0; transition: all 0.3s; height: 2px; background: #cea975; position: absolute;left: 0; bottom: 0}
.qfqtm .swiper-slide:hover .qfqtmr h2 span{width: 100%}
.qfqtmr p{ color: #666; font-size: 14px;font-family:FZLTHJWGB; line-height: 25px; transition: all 0.3s }
.qfqtm .swiper-slide:hover .qfqtmr p{color: #333;}
.qfqtl{ outline: none; background: url(../images/icon47a.png) no-repeat left center; display: inline-block; position: absolute;width: 55px; cursor: pointer; text-align: left;height: 60px; left: -55px; top: 50%; margin-top: -30px;}
.qfqtr{outline: none;display: inline-block;background: url(../images/icon47b.png) no-repeat right center; position: absolute;width: 55px; cursor: pointer;text-align: right;height: 60px; line-height: 60px; right: -55px; top: 50%; margin-top: -30px;}
.qfqtb{text-align: center; padding: 40px 0 0}
.qfqtb .swiper-pagination-bullet{display: inline-block;width: 10px;height: 10px; border-radius:8px; margin: 0 5px; background: #3c3c3c; opacity: 1}
.qfqtb .swiper-pagination-bullet-active{width: 25px}
.ppsf{background: url(../images/img23.jpg) no-repeat center center; padding: 90px 0 88px}
.ppsfm{width: 1160px;margin:45px auto 0}
.ppsfmt{width: 290px;height: 290px; }
.ppsfmb{width: 1160px;height: 290px; }
.ppli{width: 144px;height: 144px;border-radius: 5px; background: rgba(255,255,255,0.2); cursor: pointer; float: left;margin: 0 1px 1px 0; transition: all 0.3s}
.pplim{display: table-cell;vertical-align: middle;width: 144px;height: 144px;text-align: center;}
.ppli h2{padding: 90px 0 0; line-height: 22px;color: #fff; position: relative; font-size: 16px;}
.ppli h2 b{display: inline-block;width: 28px;height: 5px; background: #fff; border-radius: 3px; position: absolute;left: 50%; margin-left: -14px;top: 65px;}
.pplinel{display: inline-block;width:0;height: 1px; background: #fff;top:67px;right: 72px; transition: all 0.3s; position: absolute;}
.ppline2{display: inline-block;width: 0;height: 1px; background: #fff;top:67px;left: 72px;transition: all 0.3s;position: absolute;}
.ppli:hover,.ppli.now{background: #cea975}
.ppli:hover .pplinel,.ppli:hover .ppline2,.ppli.now .pplinel,.ppli.now .ppline2{width: 60px;}
.svg23a{background: url(../images/svg23a.svg) no-repeat center top;}
.svg23b{background: url(../images/svg23b.svg) no-repeat center top;}
.svg23c{background: url(../images/svg23c.svg) no-repeat center top;}
.svg23d{background: url(../images/svg23d.svg) no-repeat center top;}
.svg23e{background: url(../images/svg23e.svg) no-repeat center top;}
.svg23f{background: url(../images/svg23f.svg) no-repeat center top;}
.svg23g{background: url(../images/svg23g.svg) no-repeat center top;}
.svg23h{background: url(../images/svg23h.svg) no-repeat center top;}
.svg23i{background: url(../images/svg23i.svg) no-repeat center top;}
.svg23j{background: url(../images/svg23j.svg) no-repeat center top;}
.svg23k{background: url(../images/svg23k.svg) no-repeat center top;}
.svg23l{background: url(../images/svg23l.svg) no-repeat center top;}
.svg23m{background: url(../images/svg23m.svg) no-repeat center top;}
.svg23n{background: url(../images/svg23n.svg) no-repeat center top;}
.svg23o{background: url(../images/svg23o.svg) no-repeat center top;}
.svg23p{background: url(../images/svg23p.svg) no-repeat center top;}
.svg23q{background: url(../images/svg23q.svg) no-repeat center top;}
.svg23r{background: url(../images/svg23r.svg) no-repeat center top;}
.svg23s{background: url(../images/svg23s.svg) no-repeat center top;}
.svg23t{background: url(../images/svg23t.svg) no-repeat center top;}
.svg23u{background: url(../images/svg23u.svg) no-repeat center top;}
.svg23v{background: url(../images/svg23v.svg) no-repeat center top;}
.svg23w{background: url(../images/svg23w.svg) no-repeat center top;}
.svg23x{background: url(../images/svg23x.svg) no-repeat center top;}
.ppsfmtm{float: left;width: 579px;height: 289px; background: rgba(255,255,255,0.3); border-radius: 5px; position: relative; box-sizing: border-box;padding: 15px;}
.ppsfmtm li{margin-bottom: 15px}
.ppsfmtml{display: inline-block; position: relative; float: left;padding-left: 15px; width: 185px; box-sizing: border-box; color: #fff; font-size: 18px;line-height: 30px;}
.ppsfmtml b{display: inline-block;width: 5px;height: 5px; border-radius: 50%; background: #fff; position: absolute;left: 0; top: 12.5px}
.ppsfmtmr{display: inline-block;float: left;width: 360px; color: #fff;font-size: 16px; line-height: 28px;}
.ppsfmtmb{display: inline-block;width: 311PX;height: 33px; position: absolute;left: 50%; margin-left: -155.5px; bottom: 20px; background: url(../images/icon51.png) no-repeat center center; border-radius: 5px; text-align: center;}
.ppsfmtmb span{display: inline-block;line-height: 33px; background: url(../images/icon52.png) no-repeat right center; color: #fff;padding-right: 25px; font-size: 20px;}
.ppsfmtmb:hover{ background: #1e2585 }

.ppsfmtmbox{display: none;}
.zclc{background: #f6f6f6;padding: 90px 0}
.zclcm{width: 1170px;height: 347px; /**background: url(../images/icon33.png) no-repeat center top; **/margin: 30px auto 0; position: relative;overflow: hidden;}
.zclcmmask{width: 1170px; transition: all 1.5s 0.2s; height: 347px; position: absolute;left: 0; top: 0; background: #f6f6f6; display: inline-block;z-index: 10;}
.zclcmmasknow{left: 1170px;}
.zclcm ul{padding: 22px 0 20px 22px;background: url(../images/icon33.png) no-repeat center top; opacity: 0; position: relative;z-index: 10}
.zclcmnow ul{opacity: 1;transition: all 0.5s 1.5s;}
.zclcm li{display: inline-block;width: 126px;height: 110px; margin-right: 41px; transition: all 0.3s; float: left;}
.icon35a{background: url(../images/icon35a.png) no-repeat center center;}
.icon35b{background: url(../images/icon35b.png) no-repeat center center;}
.icon35c{background: url(../images/icon35c.png) no-repeat center center;}
.icon35d{background: url(../images/icon35d.png) no-repeat center center;}
.icon35e{background: url(../images/icon35e.png) no-repeat center center;}
.icon35f{background: url(../images/icon35f.png) no-repeat center center;}
.icon35g{background: url(../images/icon35g.png) no-repeat center center;}
.icon35h{background: url(../images/icon35h.png) no-repeat center center;}
.icon35i{background: url(../images/icon35i.png) no-repeat center center;}
.zclcm li:hover{background: url(../images/icon34b.png) no-repeat center center; }
.zclcmm{display: table-cell;vertical-align: middle;text-align: center;width: 126px;height: 110px; line-height: 22px; color: #fff; font-family: pfb;font-size: 18px;}
.zclcm li:nth-child(3){margin-right: 40px;}
.zclcm li:nth-child(4){margin-right: 39px;}
.zclcm li:nth-child(7){margin-right: 0;}
.zclcm li:nth-child(8){ margin:84px 373px 0 333px; }
.zclcm li:nth-child(9){ margin:84px 0 0 1px; }
.cjwt{background: #cea975;padding: 95px 0 70px}
.cjwtm{width: 1200px; margin: 0 auto; border-top: 2px solid #fff; position: relative;}
.cjwtm li{display: inline-block;width: 520px;border-bottom: 1px dashed #fff; transition: all 0.3s}
.cjwtm li a{display: block;padding: 20px 0;}
.cjwtm li span{display: inline-block;line-height: 32px; transition: all 0.3s;background: url(../images/svg25a.svg) no-repeat left center; padding-left: 25px; color: #fff; font-size: 14px;}
.cjwtm li b{display: inline-block;float: right;border: 1px solid #fff; color: #fff; transition: all 0.3s;height: 30px; line-height: 30px; border-radius: 18px;width: 100px; text-align: center; font-size: 14px; font-weight: normal;}
.cjwtm li:hover{ border-bottom: 1px dashed #000 }
.cjwtm li:hover span{background: url(../images/svg25b.svg) no-repeat left center;  color: #3c3c3c}
.cjwtm li:hover b{ border: 1px solid #3c3c3c; background: #3c3c3c; }
.cjwtm li:nth-child(2n){ float: right; }
.svg26{display: inline-block;width: 30px;height: 16px;position: absolute;left: 50%; margin-left: -15px; top: -2px;background: url(../images/svg26.svg) no-repeat center center;}
.cjwtmline{width: 0;height: 420px; border-left: 1px dashed #fff; position: absolute;left: 50%; top: 20px; display: inline-block;}
.zypz{padding: 60px 0 55px;width: 1200px; margin:0 auto;}
.zypz li{display: inline-block;float: left;width: 25%; text-align: center;padding: 115px 0 0; transition: all 0.3s}
.zypz li h2{font-family: pfl;font-size: 30px; color: #cea975; line-height: 50px;transition: all 0.3s}
.zypz li:hover h2{ color: #3c3c3c }
.icon37{background: url(../images/icon37a.png) no-repeat center top;}
.icon37:hover{background: url(../images/icon37b.png) no-repeat center top;}
.icon38{background: url(../images/icon38a.png) no-repeat center top;}
.icon38:hover{background: url(../images/icon38b.png) no-repeat center top;}
.icon39{background: url(../images/icon39a.png) no-repeat center top;}
.icon39:hover{background: url(../images/icon39b.png) no-repeat center top;}
.icon40{background: url(../images/icon40a.png) no-repeat center top;}
.icon40:hover{background: url(../images/icon40b.png) no-repeat center top;}
.can{ background: #cea975;padding: 95px 0 0 }
.cmenu{width: 1200px; margin: 0 auto; position: relative;z-index:1; overflow: hidden; }
.cmenu li{display: inline-block;width: 156px; float: left; margin-right: 52px; position: relative;padding: 0 0 70px;}
.cmenu li b{ display: inline-block;width: 64px;height: 30px; background: url(../images/icon41.png) no-repeat center center; position: absolute;left: 50%; margin-left: -32px; bottom: 0; opacity: 0 }
.cmenut{width: 156px;height: 156px; display: table-cell;vertical-align: middle;text-align: center; }
.cmenut span{display: inline-block;border: 5px solid #fff;  border-radius: 50%;width: 156px;height: 156px; position: absolute;left: 0; top: 0; box-sizing: border-box;}
.cmenut img{width: 75px; position: relative; z-index: 10; margin: 0 auto}
.cmenu li h2{line-height: 40px; padding: 10px 0 0; color: #fff; font-size: 20px; transition: all 0.3s; text-align: center;}
.cmenu li:hover .cmenut span,.cmenu li.now .cmenut span{ border: 5px solid #3c3c3c; background: #3c3c3c }
.cmenu li:hover .cmenut .svg1a,.cmenu li.now .cmenut .svg1a{display: none;}
.cmenu li:hover .cmenut .svg1b,.cmenu li.now .cmenut .svg1b{display: block;}
.cmenu li:hover h2,.cmenu li.now h2{ color: #3c3c3c }
.cmenu li:hover b,.cmenu li.now b{opacity: 1}
.cmenu li:nth-child(6){margin-right: 0}
.canb{background: #d5b180; padding: 65px 0}
.canbm{width: 1200px; margin:0 auto; position: relative;padding: 0 140px; height: 440px; box-sizing: border-box;}
.canbmm{ height: 440px;  position: absolute; left: 140px; top: 0; opacity: 0;width: 920px;overflow: hidden; }
.canb1{ display: inline-block; background: #eee; opacity: 0;transform: scale(0.5);transition: all 0.3s 0.1s; border-radius: 50%;width:420px;height: 420px; position: absolute;left: 10px; bottom: 10px; z-index: 1; box-shadow: 0 0 20px rgba(102,102,102,0.3)}
.canb2{width: 265px;height: 355px; position: absolute;left: 0;top: 55px; z-index: 2}
.canb2m{display: table-cell;vertical-align: middle;text-align: center;width: 265px;height: 355px;}
.canb2m img{transform: scale(0.5); opacity: 0; transition: all 0.5s 0.2s}
.canb3{ visibility: hidden; color: #3c3c3c; font-family: pfb;font-size: 54px;top: 40px; line-height: 60px; left: 150px;  position: absolute;z-index: 3; }
.canb4{ visibility: hidden;background: #fff;box-shadow: 0 0 20px rgba(102,102,102,0.3);border-left: 5px solid #cea975; padding: 0 30px 0 15px; border-radius: 0 65px 65px 0; width: 650px; box-sizing: border-box;position: absolute; left: 250px;  z-index: 3; top: 120px;}
.canb4m{width: 600px;padding: 16px 0}
.canb4m h3{color: #3c3c3c; font-family: pfb;font-size: 24px;}
.canb4m p{color: #3c3c3c; font-size: 14px; line-height: 25px; padding: 10px 0 0}
.canb5{ visibility: hidden;background: #fff;box-shadow: 0 0 20px rgba(102,102,102,0.3);border-left: 5px solid #cea975; padding: 0 30px 0 15px; border-radius: 0 65px 65px 0; width: 650px; box-sizing: border-box;position: absolute; left: 250px;  z-index: 3; top: 257px;}
.canbmm.now{  opacity: 1 }
.canbmm.now .canb1,.canbmm.now .canb2m img{transform: scale(1); opacity: 1;}
.canbmm.now .canb3{ visibility: visible; animation: fadeInLeft 0.5s 0.5s both}
.canbmm.now .canb4{ visibility: visible; animation: fadeInLeft 0.5s 0.8s both}
.canbmm.now .canb5{ visibility: visible; animation: fadeInLeft 0.5s 1s both}

.canbmm.last .canb4{border-radius: 0 75px 75px 0}
.canbmm.last .canb5{border-radius: 0 75px 75px 0; top: 282px}



.canblbg{display: inline-block;width: 80px;height: 90px; position: absolute;left: -80px; top: 50%; margin-top: -45px;background: #d5b180; z-index: 2}
.canbrbg{display: inline-block;width: 80px;height: 90px; position: absolute;right: -80px; top: 50%; margin-top: -45px;background: #d5b180; z-index: 2}
.canbl{display: inline-block;  border: 1px solid #fff;width: 88px; height: 88px; z-index: 1; border-radius: 50%; position: absolute;left: 0;top: 50%; margin-top: -45px; cursor: pointer;}
.canbl img{width: 40px;filter: drop-shadow(#fff -70px 0px);  position: relative;top: 18px; left: -50px; z-index: 10; transform: rotate(180deg);}
.canbl:hover{background: #fff;}
.canbl:hover img{filter: drop-shadow(#cea975 -70px 0px); }
.canbr{display: inline-block;border: 1px solid #fff;width: 88px; z-index: 1; height: 88px; border-radius: 50%; position: absolute;right: 0;top: 50%; margin-top: -45px; cursor: pointer;}
.canbr img{width: 40px;filter: drop-shadow(#fff -73px 0px);  position: relative;top: 18px; left: 100px; z-index: 10; }
.canbr:hover{background: #fff;}
.canbr:hover img{filter: drop-shadow(#cea975 -73px 0px); }
.fwlnb2{margin-bottom: 0}
.img27{background: url(../images/img27.jpg) no-repeat center bottom;width: 100%; height: 1497px; position: relative;}
.pptx{padding: 95px 0 0}
.bswrap{width: 1200px; position: absolute;left: 50%; margin-left: -600px; top: 565px;}

.icon43{width: 674px;height: 844px;position: absolute; top: 0; left: 233px;}
.icon43 b{display: inline-block;width: 674px;height: 844px;transition: all 0.3s;  position: absolute;left: 0; top: 0; z-index: 1;/**background: url(../images/icon43.png) no-repeat center center;**/ opacity: 0}
.icon43now b{ opacity: 1 }
.bstxta{display: inline-block; transform: scale(0,1);  background: rgba(0,0,0,0.8); color: #d5b180;font-size: 16px; border-radius: 5px;line-height: 25px; padding: 0 10px; position: absolute; z-index: 2}
.bstxtb{display: inline-block; transform: scale(0,1);background: rgba(0,0,0,0.8); color: #0ff;font-size: 16px; border-radius: 5px;line-height: 25px; padding: 0 10px; position: absolute; z-index: 2}
.icon43 span:nth-child(1){ transition: all 0.3s 1s }
.icon43 span:nth-child(2){transition: all 0.3s 1.1s;}
.icon43 span:nth-child(3){transition: all 0.3s 1.2s;}
.icon43 span:nth-child(4){transition: all 0.3s 1.3s;}
.icon43 span:nth-child(5){transition: all 0.3s 1.4s;}
.icon43 span:nth-child(6){transition: all 0.3s 1.5s;}
.icon43 span:nth-child(7){transition: all 0.3s 1.6s;}
.icon43 span:nth-child(8){transition: all 0.3s 1.7s;}
.icon43 span:nth-child(9){transition: all 0.3s 1.8s;}
.icon43 span:nth-child(10){transition: all 0.3s 1.9s;}
.icon43 span:nth-child(11){transition: all 0.3s 1.10s;}
.icon43 span:nth-child(12){transition: all 0.3s 1.11s;}
.icon43 span:nth-child(13){transition: all 0.3s 1.12s;}
.icon43 span:nth-child(14){transition: all 0.3s 1.13s;}
.icon43 span:nth-child(15){transition: all 0.3s 1.14s;}
.icon43 span:nth-child(16){transition: all 0.3s 1.15s;}
.icon43 span:nth-child(17){transition: all 0.3s 1.16s;}
.icon43 span:nth-child(18){transition: all 0.3s 1.17s;}
.icon43 span:nth-child(19){transition: all 0.3s 1.18s;}
.icon43 span:nth-child(20){transition: all 0.3s 1.19s;}
.icon43 span:nth-child(21){transition: all 0.3s 1.20s;}
.icon43 span:nth-child(22){transition: all 0.3s 1.21s;}
.icon43 span:nth-child(23){transition: all 0.3s 1.22s;}
.icon43 span:nth-child(24){transition: all 0.3s 1.23s;}
.icon43 span:nth-child(25){transition: all 0.3s 1.24s;}
.icon43 span:nth-child(26){transition: all 0.3s 1.25s;}
.icon43 span:nth-child(27){transition: all 0.3s 1.26s;}
.icon43 span:nth-child(28){transition: all 0.3s 1.27s;}
.icon43 span:nth-child(29){transition: all 0.3s 1.28s;}
.icon43 span:nth-child(30){transition: all 0.3s 1.29s;}
.icon43 span:nth-child(31){transition: all 0.3s 1.30s;}
.icon43 span:nth-child(32){transition: all 0.3s 1.31s;}
.icon43 span:nth-child(33){transition: all 0.3s 1.32s;}
.icon43 span:nth-child(34){transition: all 0.3s 1.33s;}
.icon43 span:nth-child(35){transition: all 0.3s 1.34s;}
.icon43 span:nth-child(36){transition: all 0.3s 1.35s;}
.icon43 span:nth-child(37){transition: all 0.3s 1.36s;}
.icon43 span:nth-child(38){transition: all 0.3s 1.37s;}
.icon43 span:nth-child(39){transition: all 0.3s 1.38s;}
.icon43 span:nth-child(40){transition: all 0.3s 1.39s;}
.icon43 span:nth-child(41){transition: all 0.3s 1.40s;}
.icon43 span:nth-child(42){transition: all 0.3s 1.41s;}
.icon43 span:nth-child(43){transition: all 0.3s 1.42s;}
.icon43 span:nth-child(44){transition: all 0.3s 1.43s;}
.icon43 span:nth-child(45){transition: all 0.3s 1.44s;}
.icon43 span:nth-child(46){transition: all 0.3s 1.45s;}
.icon43 span:nth-child(47){transition: all 0.3s 1.46s;}
.icon43 span:nth-child(48){transition: all 0.3s 1.47s;}
.icon43 span:nth-child(49){transition: all 0.3s 1.48s;}
.icon43 span:nth-child(50){transition: all 0.3s 1.49s;}
.icon43 span:nth-child(51){transition: all 0.3s 1.50s;}
.icon43 span:nth-child(52){transition: all 0.3s 1.51s;}
.icon43 span:nth-child(53){transition: all 0.3s 1.52s;}
.icon43 span:nth-child(54){transition: all 0.3s 1.53s;}
.icon43 span:nth-child(55){transition: all 0.3s 1.54s;}
.icon43 span:nth-child(56){transition: all 0.3s 1.55s;}
.icon43 span:nth-child(57){transition: all 0.3s 1.56s;}

.icon43now span:nth-child(1),
.icon43now span:nth-child(2),
.icon43now span:nth-child(3),
.icon43now span:nth-child(4),
.icon43now span:nth-child(5),
.icon43now span:nth-child(6),
.icon43now span:nth-child(7),
.icon43now span:nth-child(8),
.icon43now span:nth-child(9),
.icon43now span:nth-child(10),
.icon43now span:nth-child(11),
.icon43now span:nth-child(12),
.icon43now span:nth-child(13),
.icon43now span:nth-child(14),
.icon43now span:nth-child(15),
.icon43now span:nth-child(16),
.icon43now span:nth-child(17),
.icon43now span:nth-child(18),
.icon43now span:nth-child(19),
.icon43now span:nth-child(20),
.icon43now span:nth-child(21),
.icon43now span:nth-child(22),
.icon43now span:nth-child(23),
.icon43now span:nth-child(24),
.icon43now span:nth-child(25),
.icon43now span:nth-child(26),
.icon43now span:nth-child(27),
.icon43now span:nth-child(28),
.icon43now span:nth-child(29),
.icon43now span:nth-child(30),
.icon43now span:nth-child(31),
.icon43now span:nth-child(32),
.icon43now span:nth-child(33),
.icon43now span:nth-child(34),
.icon43now span:nth-child(35),
.icon43now span:nth-child(36),
.icon43now span:nth-child(37),
.icon43now span:nth-child(38),
.icon43now span:nth-child(39),
.icon43now span:nth-child(40),
.icon43now span:nth-child(41),
.icon43now span:nth-child(42),
.icon43now span:nth-child(43),
.icon43now span:nth-child(44),
.icon43now span:nth-child(45),
.icon43now span:nth-child(46),
.icon43now span:nth-child(47),
.icon43now span:nth-child(48),
.icon43now span:nth-child(49),
.icon43now span:nth-child(50),
.icon43now span:nth-child(51),
.icon43now span:nth-child(52),
.icon43now span:nth-child(53),
.icon43now span:nth-child(54),
.icon43now span:nth-child(55),
.icon43now span:nth-child(56),
.icon43now span:nth-child(57){transform: scale(1,1);}
.svg38{  width: 1070px;height: 145px; position: absolute; text-align: center; left: 50%; top: 50%; margin: -72.5px 0 0 -530px; z-index: 10; }
.svg38good{width: 382px;height: 145px; opacity: 0; transform: translate(150px,250px); background: url(../images/svg38a.svg) no-repeat center center; display: inline-block;  }
.svg38m{width: 300px;height: 145px; display: inline-block; position: relative;margin: 0 10px}
.svg38lang{width: 145px;height: 145px;opacity: 0; transform: translate(0,150px);  background: url(../images/svg38b.svg) no-repeat center center; display: inline-block;position: absolute;left: 0; top: 0}
.svg38langph{width: 145px;height: 145px;opacity: 1; transform: translate(0,0);  background: url(../images/svg38b.svg) no-repeat center center; display: inline-block;position: absolute;left: 0; top: 0}


.svg38xian{width: 145px;height: 145px; display: inline-block;position: absolute;right: 0; top: 0}
.svg38xianb{display: inline-block;width: 0;height: 10px; position: absolute;left: 0; bottom: 1px; background: #cea975; border-radius: 5px;}
.svg38xianr{display: inline-block;width: 10px;height: 0; position: absolute;right: 0; bottom: 1px; background: #cea975; border-radius: 5px;}
.svg38xiant{display: inline-block;width: 0;height: 10px; position: absolute;right: 0; top: 0; background: #cea975; border-radius: 5px;}
.svg38xianl{display: inline-block;width: 10px;height: 0;position: absolute;left: 0; top: 0; background: #cea975; border-radius: 5px;}
.svg38xianbph{display: inline-block;width: 145px;height: 10px; position: absolute;left: 0; bottom: 1px; background: #cea975; border-radius: 5px;}
.svg38xianrph{display: inline-block;width: 10px;height: 140px; position: absolute;right: 0; bottom: 1px; background: #cea975; border-radius: 5px;}
.svg38xiantph{display: inline-block;width: 145px;height: 10px; position: absolute;right: 0; top: 0; background: #cea975; border-radius: 5px;}
.svg38xianlph{display: inline-block;width: 10px;height: 35px;position: absolute;left: 0; top: 0; background: #cea975; border-radius: 5px;}
.svg38txtph{width: 95px;height: 145px; opacity: 1;  background: url(../images/svg38d.svg) no-repeat center center; display: inline-block; position: absolute;left: 2px; top: 10px;}
.svg38txtbph{ display: inline-block; opacity: 1;  text-align: center;color: #fff; font-size: 25px;font-family: pfl; text-indent: 3px; letter-spacing: 8px;width: 100%; top: 145px; position: absolute;left: 0;}


.svg38txt{width: 95px;height: 145px; opacity: 0;  background: url(../images/svg38d.svg) no-repeat center center; display: inline-block; position: absolute;left: 2px; top: 10px;}
.svg38idea{width: 322px;height: 145px; opacity: 0; transform: translate(150px,250px);background: url(../images/svg38e.svg) no-repeat center center; display: inline-block; }
.svg38txtb{ display: inline-block; opacity: 0;  text-align: center;color: #fff; font-size: 25px;font-family: pfl; text-indent: 3px; letter-spacing: 8px;width: 100%; top: 145px; position: absolute;left: 0; top: 145px;}
.svg38now .svg38good{animation: good 2s linear forwards}
.svg38now .svg38idea{animation: idea 2s linear forwards }
.svg38now .svg38lang{animation: lang 0.5s linear 2s forwards;}
.svg38now .svg38xianb{animation: svg38xianb 0.5s linear 2.5s forwards;} 
.svg38now .svg38xianr{animation: svg38xianr 0.5s linear 3s forwards;} 
.svg38now .svg38xiant{animation: svg38xianb 0.5s linear 3.5s forwards;} 
.svg38now .svg38xianl{animation: svg38xianl 0.3s linear 4s forwards;} 
.svg38now .svg38txt{animation: svg38txt 0.3s linear 4.3s forwards;} 
.svg38now .svg38txtb{animation: svg38txtb 0.3s linear 4.6s forwards;;} 
.syphbanner{position: relative;z-index: 1}
.syphbanner img{width: 100%; vertical-align: top; animation: heartbeat ease-in-out 2.8s infinite alternate; min-height: 600px;}



@keyframes svg38txtb{
  0% {
   opacity:  0;top:180px;
  }
  100% {
    opacity: 1;top: 145px
  }
}
@keyframes svg38txt{
  0% {
   opacity:  0
  }
  50% {
    opacity: 50%
  }
  100% {
    opacity: 1
  }
}
@keyframes svg38xianl{
  0% {
    height: 0
  }
  100% {
    height: 35px
  }
}
@keyframes svg38xianr{
  0% {
    height: 0
  }
  100% {
    height: 140px
  }
}
@keyframes svg38xianb{
  0% {
    width: 0
  }
  100% {
    width: 145px
  }
}
@keyframes lang{
  0% {
    opacity: 0.3; transform: translate(0,150px);
  }
  50% {
    opacity: 0.6; transform: translate(0,75px);
  }
  100% {
    opacity: 1; transform: translate(0,0);
  }
 
}

@keyframes good {
  0% {
    opacity: 0; transform: translate(150px,250px);
  }
  25% {
    opacity: 0.5; transform: translate(150px,150px);
  }
  50% {
    opacity: 1; transform: translate(150px,0);
  }
  75% {
    opacity: 1; transform: translate(70px,0);
  }
  
  100% {
    opacity: 1; transform: translate(0,0);
  }
}
@keyframes idea{
  0% {
    opacity: 0; transform: translate(-150px,250px);
  }
  25% {
    opacity: 0.5; transform: translate(-150px,150px);
  }
  50% {
    opacity: 1; transform: translate(-150px,0);
  }
  75% {
    opacity: 1; transform: translate(-70px,0);
  }
  
  100% {
    opacity: 1; transform: translate(0,0);
  }
}
@keyframes svg38now{
  0% {
    opacity: 0; transform: scale(0,0); margin-top: -72.5px
  }
  
  50% {
    opacity: 0.5;  margin-top: 72.5px
  }
 
  100% {
    opacity: 1;  transform: scale(0.5,0.5); margin-top: -150px
  }
}

@keyframes heartbeat {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes star { 
    0%{ transform: rotate(0deg)
    } 
    100%{transform: rotate(360deg)} 
}
@keyframes balla {
 from { offset-distance: 0%;  opacity: 1}
  to { offset-distance: 100%; opacity: 1}
  }
.tank{ display: none; width: 600px; background: #ebc996; overflow: hidden; position: fixed;left: 50%; margin-left: -300px; top: 50%; margin-top: -254px; z-index: 101; border-radius: 10px}
.tank2{ display: none; width: 600px; background: #fff; overflow: hidden; position: fixed;left: 50%; margin-left: -300px; top: 50%; margin-top: -90px; z-index: 101; border-radius: 10px}
.tjcg{border-top: 40px solid #ebc996; text-align: center;padding: 25px 0 30px}
.icon57{background: url(../images/icon57.png) no-repeat left center; color: #3c3c3c; font-size: 30px;font-family:FZLTHJWGB; padding-left: 35px;line-height: 40px; display: inline-block; }
.tjcg p{line-height: 30px; color: #666; font-size: 20px;padding: 15px 0 0}


.tkt{background: #cfa972;text-align: center;padding: 30px 0 20px;}
.tkt h2{line-height: 40px; color: #fff; font-size: 30px; font-family:'方正兰亭黑简体'; font-weight: bold;}
.tkt p{color: #fff; font-size: 20px; line-height: 30px;}
.tkb{padding: 25px 50px 0 0}
.tkbl{display: inline-block;float: left;width: 150px; text-align: right; line-height: 42px; color: #3c3c3c; font-size: 20px;}
.tkbr{ float: left;width: 400px; }
.tkbr_input{border:1px solid #3c3c3c; background: none; font-family:'方正兰亭黑简体';  height: 40px; border-radius: 22px;width: 100%; box-sizing: border-box;padding: 0 10px; font-size: 16px; color: #000}
.tkbr_input:focus{background: none!important}
.icon45,label.error{ margin-left: 10px; display: inline-block; background: url(../images/icon45.png) no-repeat left center; color: #3c3c3c; font-size: 14px; line-height: 30px;padding-left: 20px}
.icon46{ display: inline-block; background: url(../images/icon46.png) no-repeat left center; color: #3c3c3c; font-size: 14px; line-height: 30px;padding-left: 20px}





.icon44{ transition: all 0.3s; display: inline-block;width: 20px;height: 20px; background: url(../images/icon44.png) no-repeat center center; position: absolute;right: 10px; top: 10px; cursor: pointer;}
.icon44:hover{ transform: rotate(360deg); }
.tcbg3{background: #000; opacity: 0.7;width: 100%;height: 100%; z-index: 100; position: fixed;left: 0;top: 0; display: none;}
.yqlj{ padding:20px 20px 10px; margin-bottom: 10px;font-size: 16px }
.yqlj span{display: inline-block;line-height: 25px; color: #cea975}
.yqlj a{display: inline-block;line-height: 25px; margin-left: 10px;color: #cea975;opacity: 0.3;}
.yqlj a:hover{opacity: 1;}


.phone{display: none;}
.pcno{display: none;}
@media screen and (max-width: 1580px) {
	.mbrqtxt2{width: 80px;height: 80px; margin-left: -40px;}
	.mbrqtxt2m{width: 80px;height: 80px;line-height: 28px; font-size: 25px;}
}
@media screen and (max-width: 1500px) {
	.zctboxmmm{padding-top: 5%}
	.zctssl2{width: 300px}
	.zctxt1{line-height: 120px;font-size: 150px;}
	.zctxt2{font-size: 30px;line-height: 60px;letter-spacing: 5px}
	.zctxt3{padding: 10px 0}
	.zctxt3l{font-size: 60px;letter-spacing: 0}
	.zctxt3r h2{line-height: 30px;font-size: 30px;}
	.zctxt3r p{font-size: 20px; line-height: 30px;}
	.zctbox .zctss{width: 42%}
	.gszc li{width: 180px;height: 150px; margin: 0 10px}
	.gszcm{width: 180px;height: 150px}
	.gszcm h2{padding: 80px 0 0;font-size: 25px;margin-top: 10px; background-size: 55px auto}
	.icon28a{left: 40px; top: 5px}
	.icon28b{left: 55px;top: 55px}
	.icon28c{right: 35px;top: 35px}
	.icon29a{left: 25px;top: 40px}
	.icon29b{right: 40px;top: 0}
	.icon29c{right: 5px; right: 20px}
}
@media screen and (max-width: 1470px) {
	.fwtx li{ width: 16.66%; padding: 0 12px; margin: 0 }
}
@media screen and (max-width: 1400px) {
	.caselb li{width: 25%;}
	.icon20{padding: 15px 0}
	.zctboxmmm{padding-top: 0}
}
@media screen and (max-width: 1300px) {
	.zctxt1{line-height: 80px;font-size: 100px; letter-spacing: 60px;text-indent: 55px;}
	.zctxt2{line-height: 40px;}
	.zctxt3{padding: 0}
	.zctxt3l{}
	
	.zctbox .zctss{width: 25%; min-width: 300px}
}

@media screen and (max-width: 1320px) {
	.fwtx li{ padding: 0 5px }
	.fwtxb p{font-size: 14px;}
}
@media screen and (max-width: 1240px) {
	.zxdt{margin: 0 20px 40px}
}
@media screen and (max-width: 1200px) {
	.qfqt{ box-sizing: border-box;padding: 0 20px }
}
@media screen and (max-width: 1085px) {
	.fwtx li{ width: 33%; margin-bottom: 35px }
	
}
@media screen and (max-width: 1180px) {
	.mbrqtxtmm{ line-height: 22px; font-size: 16px; }
}
@media screen and (max-width: 1160px) {
.fwlnb{display: none;}
.phfw{ display: block; width: 100%;   box-sizing: border-box; margin-bottom: 70px; background: url(../images/img12b.jpg) no-repeat center  top; background-attachment: fixed;}
.icon23{padding: 78px 0 0; background: url(../images/icon23.png) no-repeat center top;}
.phfw li{height: 240px; position: relative; margin-top: -21px;}
.phfw li:nth-child(1){margin:0;}
.phfwm{display: table;width: 100%; height: 200px;}
.phfwmm{display: table-cell;width: 100%; height: 200px; vertical-align: middle;text-align: center;}
.phfwl{ position: relative; display: inline-block;  }
.phfwl span{display: inline-block;cursor: pointer; transition: all 0.3s; width: 100px;height: 100px;border-radius: 50%; box-sizing: border-box; line-height: 35px;padding: 15px 0; text-align: center;font-size: 26px; color: #3c3c3c; background: #cea975; position: relative;z-index: 12}
.phfwl:hover span{ background: #fff; color: #cea975 }
.phfwl b{display: inline-block; cursor: pointer;left: 50%; top: 0; transform: rotateY(180deg); margin-left: -50px; opacity: 0; z-index: 2; font-weight: normal; transition: all 0.1s ease 0.3s; width: 100px;height: 100px;border-radius: 50%; box-sizing: border-box; line-height: 35px;padding: 15px 0; text-align: center;font-size: 26px; background: #fff; color: #cea975; position: absolute;}
.phfwl:hover b{  opacity: 1; transform: rotateY(0deg);}
.phfwl em{display: inline-block;width: 166px;height: 166px; opacity: 0;position: absolute;left: 50%; top: 50%; margin: -83px 0 0 -83px; background: url(../images/svg14.svg) no-repeat center center;background-size: 120px auto;  z-index: 1}
.phfwl:hover em{ opacity: 1; animation: star 9s linear infinite}
.phfwnum{text-align: center;color: #fff; font-size: 100px;font-family: mkmc078;  line-height: 240px; width: 290px; display: inline-block;}
}
@media screen and (max-width: 1100px) {
	.caselb li{width: 33.33%}
	.jdmm3 h2{font-size: 18px;}

}
@media screen and (max-width: 1080px) {
	.casemenu li{ padding: 0 5px }
}
@media screen and (max-width: 1060px) {
	.icon2t{height: 120px}
	.zxdtr{width: 80%}
}
@media screen and (max-width: 1020px) {
	.casemenu li{ width: 25%; margin-bottom: 25px }
	.mbrqtxt2{width: 60px;height: 60px; margin-left: -30px;top:-35px;}
	.mbrqtxt2m{width: 60px;height: 60px;line-height: 24px; font-size: 20px;}
	.mbrqtxt3{bottom: -35px; top: auto;}
	.xqmbl,.xqmbr{width: 42%}
	.xqmbm1,.xqmbm2{background-size: 30px auto; width: 7%}
}
@media screen and (max-width: 980px) {
	.mbrqmid{width: 200px;height: 200px;margin:-100px 0 0 -100px;}
	.mbrqmidm{width: 200px;height: 200px;}
	.mbrqmidmb h2{font-size: 30px;letter-spacing: 0}
	.mbrqmidmbtxt1{padding-left: 8px}
	.mbrqmidmbtxt1 span{width: 25px;height: 25px; line-height: 25px;font-size: 13px;}
	.mbrqmidmbtxt2 b{font-size: 50px;}
	.mbrqmidmbtxt2 span{font-size: 14px;}
	.qfqtmr h2{font-size: 20px;padding: 5px 0; line-height: 30px; margin-bottom: 10px;}
	.qfqtmr p{font-size: 13px; line-height: 22px;}
}
@media screen and (max-width: 875px) {
	.icon2t{height: 100px}
}
@media screen and (max-width: 890px) {
	.caselb li{width: 50%}
	.casetl,.casebl,.casebr{font-size: 12px; opacity: 1}
	.casebm h2{font-size: 20px;}
	.zctss{width: 60%}
	.zctssl,.zctssrtxt{font-size: 13px;}
}
@media screen and (max-width: 750px) {
  .pcno{display: block;}
  .phno{display: none;}
  .xqmt video{height: 300px}
.caselb li{border-right: none;}
.icon57{font-size: 25px;}
.tjcg p{font-size: 14px; padding:10px 0 0;}
.zcbanner{padding: 0}
.zctboxmm{vertical-align: middle;}
.zctboxmmm{padding: 0}
.tank2{width: 98%; left: 1%; top: 120px; margin: 0}
.tank{width: 98%; left: 1%; top: 80px; margin: 0}
.tkt{padding: 15px 0 10px}
.tkt h2{line-height: 30px; font-size: 20px;}
.tkt p{font-size: 13px; line-height: 22px;}
.tkb{padding: 15px 20px 0 0}
.tkbl{width: 25%; font-size: 14px; line-height: 30px;}
.tkbr{width: 75%}
.tkbr_input{height: 30px; font-size: 12px;}
.icon45{line-height: 25px; font-size: 12px; padding-left: 15px; background-size: 10px auto}
.icon46{line-height: 25px; font-size: 12px; padding-left: 15px;  background-size: 9px auto}
.lxbd_btnb{width: 180px;height: 35px;font-size: 16px; line-height: 33px;}

.zctssl2 {
    width: 168px;
}
.zctxt3r{letter-spacing: 0}
	.zctxt3r h2{line-height: 30px;font-size: 20px;}
	.zctxt3r p{font-size: 16px;line-height: 30px;}
.zctxt3l{font-size: 54px; line-height: inherit;}
.zctxt2{line-height: 60px;font-size: 22px; letter-spacing: 0;}
.zctxt1{font-size:85px;letter-spacing:0; text-indent: 0;}
.img40a{ width: 100%;height: 100%;background: url(../images/img40a.png) no-repeat center center; background-size: cover; position: absolute; left: 0; top: 0; z-index: 4}
.img40b{ width: 100%;height: 100%;background: url(../images/img40b.png) no-repeat center center; background-size: cover; position: absolute; left: 0; top: 0; z-index: 2}
.img40c{ width: 100%;height: 100%;background: url(../images/img40c.png) no-repeat center center; background-size: cover; position: absolute; left: 0; top: 0; z-index: 3}
.svg38{ opacity: 0;transform: scale(0,0); margin-top: -72.5px }
.svg38now{animation: svg38now 2s linear 0s forwards;}
.svg38now .svg38lang{animation: lang 0.5s linear 0s forwards;}
.svg38now .svg38xianb{animation: svg38xianb 0.5s linear 0.5s forwards;} 
.svg38now .svg38xianr{animation: svg38xianr 0.5s linear 1s forwards;} 
.svg38now .svg38xiant{animation: svg38xianb 0.5s linear 1.5s forwards;} 
.svg38now .svg38xianl{animation: svg38xianl 0.3s linear 2s forwards;} 
.svg38now .svg38txt{animation: svg38txt 0.3s linear 2.3s forwards;} 
.svg38now .svg38txtb{animation: svg38txtb 0.3s linear 2.6s forwards;;} 


.zclc{padding: 45px 0}
.gszcm h2 span{display: none;}
.gszcm{width: 110px;height: 100px}
	.gszcm h2{padding: 45px 0 0;font-size: 13px; background-size: 45px auto; line-height: 50px}
	.gszcm h2 em{height: 2px;bottom: 40px;}
.phcmenu{overflow: hidden; margin: 0 10px}
.phcmenum{width: 100px;  position: relative;}
.phcmenumtbox{width: 100px; margin:0 auto;}
.phcmenumt{width: 100px;height: 100px; display: table-cell;vertical-align: middle;text-align: center; }
.phcmenumt span{display: inline-block;border: 5px solid #fff;  border-radius: 50%;width: 100px;height: 100px; position: absolute;left: 0; top: 0; box-sizing: border-box;}
.phcmenumt img{width: 45px; position: relative; z-index: 10; margin: 0 auto}
.phcmenum h2{line-height: 30px; padding: 10px 0; color: #fff; font-size: 16px; transition: all 0.3s; text-align: center;}
.phcmenum:hover .phcmenumt span,.phcmenum.now .phcmenumt span{ border: 5px solid #3c3c3c; background: #3c3c3c }
.phcmenum:hover .phcmenumt .svg1a,.phcmenum.now .phcmenumt .svg1a{display: none;}
.phcmenum:hover .phcmenumt .svg1b,.phcmenum.now .phcmenumt .svg1b{display: block;}
.phcmenum:hover h2,.phcmenum.now h2{ color: #3c3c3c }
.phcmenub{ text-align: center; padding: 10px 0 30px }
.phcmenub .swiper-pagination-bullet{border-radius:5px!important;background: #fff!important;transition: all 0.3s ease-out; border:none;width: 10px!important; height: 10px!important; opacity: 1!important; display: inline-block!important;margin: 0 5px!important}
.phcmenub .swiper-pagination-bullet-active,.bannerb .swiper-pagination-bullet:hover{ width: 20px !important;}



.casebg{ opacity: 1;background: none!important }
.caselb li:hover .casebg{background: rgba(206,169,117,0.8);}
.casebl, .casebr{opacity: 1; bottom: 20px}
.icon56a{background: url(../images/icon54a.png) no-repeat center bottom; background-size: 100% auto;}
.icon56b{ background: url(../images/icon54b.png) no-repeat center top; background-size: 100% auto; }
.mbrqm,.mbrqimg{height: 206px}
.mbrql .mbrqm:nth-child(1),.mbrql .mbrqm:nth-child(2),.mbrqr .mbrqm:nth-child(1),.mbrqr .mbrqm:nth-child(2){border-radius: 10px}

.casemenu li{width: 25%; margin-bottom: 20px;}
.casemenum{border: 2px solid #cea975;width: 70px; height:70px;}
.casemenumm{width: 70px; height: 70px;}
.casemenu li img{height: 25px;}
.casemenu li h2{font-size: 13px; line-height: 20px;}
.link b,.link2 b{width: 180px; left: 10px;background-size: 210px auto}
.link span,.link2 span {letter-spacing: 0; padding-right: 35px}
.toggle em{background: #cea975}
.phtoggle em:first-child{transform: translateY(0px);}
.phtoggle em:last-child{transform: translateY(0px)}
.header.active{background: #fff;box-shadow: 0 0 5px rgba(0,0,0,.3); }
.header.active .toggle em{background: #000}
.header.active a.logo{background: url(../images/logob.png) no-repeat left center; background-size: auto 40px}
  .icon14 img{animation: zhuan 3.5s linear infinite;}
 @-webkit-keyframes zhuan {
    from{
        transform: rotate(0);
    }to{
    transform: rotate(360deg);
                 }
}

.ystxt p{font-size: 14px; line-height: 22px;}
.link2 span{line-height: 50px} 
.fwtxm{height: 310px}
.fwtxt,.fwtxtm{height: 160px;}
.icon1{width: 66px;height: 66px;margin-left: -33px; bottom: 70px;}
.icon1:before{width: 66px;height: 66px;}
.icon1 span{background-size: 20px auto}
.ppbh li h2{font-size: 16px; line-height: 25px; padding: 0 20px 5px}
.icon2d{letter-spacing: 3px;text-indent: 0; }
 .img27{ background: #196dd0; height: auto }
 .pptx{padding: 45px 0 0} 
 .img28 img{max-width:100%; vertical-align: top}
.phfw2{ margin-bottom: 0!important }
.can{padding: 45px 0 0}
.cmenu{width: 100%;  position: relative;z-index:1; padding: 0 15px; box-sizing: border-box;overflow: auto; }
.cmenu ul{width: 720px;}
.cmenu li{display: inline-block;width: 100px; float: left; margin-right: 20px; position: relative;padding: 0 0 20px; overflow: hidden;}
.cmenu li b{ display: inline-block;width: 64px;height: 30px; background: url(../images/icon41.png) no-repeat center bottom; background-size: 35px auto; position: absolute;left: 50%; margin-left: -32px; bottom: 0; opacity: 0 }
.cmenut{width: 100px;height: 100px; display: table-cell;vertical-align: middle;text-align: center; }
.cmenut span{display: inline-block;border: 5px solid #fff;  border-radius: 50%;width: 100px;height: 100px; position: absolute;left: 0; top: 0; box-sizing: border-box;}
.cmenut img{width: 45px; }
.cmenu li h2{line-height: 30px; padding: 5px 0 0;  font-size: 13px; transition: all 0.3s; text-align: center;}
.cmenu li:hover .cmenut span,.cmenu li.now .cmenut span{ border: 5px solid #3c3c3c; background: #3c3c3c }

.cmenu li:hover h2,.cmenu li.now h2{ color: #3c3c3c }
.cmenu li:hover b,.cmenu li.now b{opacity: 1}
.phcanb{background: #d5b180; padding: 25px 15px; position: relative;}
.phcanbm{overflow: hidden;height: 0}
.phcanbt{width: 200px;height: 200px;background: #eee;box-shadow: 0 0 20px rgba(102,102,102,0.3); margin: 0 auto; border-radius: 50%}
.phcanbtm{display: table-cell;width: 200px;height: 200px;vertical-align: middle;text-align: center;}
.phcanbtm img{width: 35px; opacity: 0; transition: all 0.3s}
.phcanb h2{text-align: center; opacity: 0; margin-top: -10px; color: #3c3c3c; font-family: pfb;font-size: 28px;padding: 10px 0 20px; line-height: 35px;transition: all 0.2s 0.2s}
.phcanbb{background: #fff; opacity: 0; margin-top: -10px; border-top: 7px solid #e2e3e1; border-radius: 10px;padding: 10px 15px 15px; margin-bottom: 10px;transition: all 0.2s 0.4s}
.phcanbb h3{ color: #3c3c3c; font-family: pfb; font-size: 14px; line-height: 25px; padding-bottom: 5px; }
.phcanbb p{ color: #3c3c3c; font-size: 12px;line-height: 20px; }
.phcanbm.now{height: auto}
.phcanbm.now .phcanbtm img{opacity: 1;width: 75px}
.phcanbm:nth-child(4) .phcanbtm img{width: 80px}
.phcanbm:nth-child(6) .phcanbtm img{width: 95px}
.phcanbm:nth-child(7) .phcanbtm img{width: 95px}
.phcanbm.now h2,.phcanbm.now .phcanbb{opacity: 1; margin-top: 0}
.canbl2{display: inline-block;  border: 1px solid #fff;width:40px; height: 40px; z-index: 1; border-radius: 50%; position: absolute;left: 15px;top: 105px;  cursor: pointer;}
.canbl2 img{width: 15px;filter: drop-shadow(#fff -70px 0px);  position: relative;top: 10px; left: -58px; z-index: 10; transform: rotate(180deg);}
.canbl2:hover{background: #fff;}
.canbl2:hover img{filter: drop-shadow(#cea975 -70px 0px); }
.canbr2{display: inline-block;border: 1px solid #fff;width: 40px; z-index: 1; height: 40px; border-radius: 50%; position: absolute;right: 15px;top: 105px; cursor: pointer;}
.canbr2 img{width: 15px;filter: drop-shadow(#fff -73px 0px);  position: relative;top: 10px; left: 88px; z-index: 10; }
.canbr2:hover{background: #fff;}
.canbr2:hover img{filter: drop-shadow(#cea975 -73px 0px); }

.zypz{padding:50px 15px 15px; width: 100%; box-sizing: border-box;}
.zypz li{width: 50%; margin-bottom: 40px; padding: 75px 0 0}
.zypz li h2{font-size: 20px; line-height: 30px;}
.icon37,.icon37:hover{background-size: 60px auto}
.icon38,.icon38:hover{background-size: 60px auto}
.icon39,.icon39:hover{background-size: 50px auto}
.icon40,.icon40:hover{background-size: 50px auto}
.phcjwt{padding: 0 15px}
.phcjwt li{border-bottom: 1px dashed #fff;}
.phcjwt li a{padding: 10px 0; display: block;}
.phcjwt li a span{display: inline-block;background: url(../images/svg25a.svg) no-repeat left center; padding-left: 25px; color: #fff; font-size: 14px; line-height: 32px;}
.phcjwt li b{display: inline-block;float: right;border: 1px solid #fff; color: #fff; height: 30px; line-height: 30px; border-radius: 18px;width: 100px; text-align: center; font-size: 14px; font-weight: normal;}
.phcjwt li:hover{ border-bottom: 1px dashed #000 }
.phcjwt li:hover span{background: url(../images/svg25b.svg) no-repeat left center;  color: #3c3c3c}
.phcjwt li:hover b{ border: 1px solid #3c3c3c; background: #3c3c3c; }
.phzclc{text-align: center; padding: 20px 0 0}
.phzclc img{max-width: 100%; vertical-align: top;}
.tchy{position: fixed;left: 0; top:20%; z-index: 101;width: 100%; box-sizing: border-box;padding: 0 35px; display: none;}
.tchym{ background: #ffdcaa; border-radius: 5px; padding: 15px; display: none; }
.tchym h2{color: #333;font-size: 15px; font-weight: bold;padding-left: 15px; position: relative; line-height: 25px;}
.tchym h2 span{display: inline-block;width: 5px;height: 5px; position: absolute;left: 0; top:10px; background: #333; border-radius: 50% }
.tchym p{color: #333; font-size: 13px; line-height: 22px;}
.tchym li{margin-bottom: 15px}
.icon31{ border-radius: 5px; background: url(../images/icon31.png) no-repeat center center; background-size: 100% 100%; text-align: center; display: inline-block;width:150px;height: 35px;}
.icon31 span{display: inline-block;line-height: 35px; color: #fff; background: url(../images/icon32.png) no-repeat right center; font-size: 14px; font-family: pfb; padding-right: 15px; background-size: 5px auto}
.icon31:hover{background: #1e2585}
.tchy .icon19{right: 30px;}

.ppsf{padding: 45px 0; background: url(../images/img24.jpg) no-repeat center bottom #3c74ff}
.phpp{ padding: 15px 10px }  
.phpp li{float: left;width: 25%; box-sizing: border-box;padding: 0 3px 6px}
.phppm{width: 100%;height: 150px; display: table; background: rgba(255,255,255,0.2); border-radius: 5px; overflow: hidden;}
.phppmm{display: table-cell;vertical-align: middle;text-align: center;width: 100%;height: 150px;}
.phpp li h2{padding: 90px 0 0; line-height: 22px;color: #fff; position: relative; font-size: 16px;}
.phpp li h2 b{display: inline-block;width: 28px;height: 5px; background: #fff; border-radius: 3px; position: absolute;left: 50%; margin-left: -14px;top: 65px;}
.pplinel{display: inline-block;width:0;height: 1px; background: #fff;top:67px;right: 72px; transition: all 0.3s; position: absolute;}
.ppline2{display: inline-block;width: 0;height: 1px; background: #fff;top:67px;left: 72px;transition: all 0.3s;position: absolute;}
.phpp li:hover .phppm,.phpp li.now .phppm{background: #cea975}
.phpp li:hover .pplinel,.phpp li:hover .ppline2,.phpp li.now .pplinel,.phpp li.now .ppline2{width: 60px;}


.zcsb{padding: 45px 0 50px}
.phqf{}
.phqfm{overflow: hidden;}
.phqfm img{width: 100%; vertical-align: top;}
.phqfm h2{ color: #cea975;font-size: 16px;line-height: 25px;padding: 5px 0; position: relative;margin: 0 10px 5px }
.phqfm h2 span{display: inline-block;width: 100%; height: 1px; background: #cea975; position: absolute;left: 0; bottom: 0}
.phqfm p{ color: #3c3c3c; font-size: 13px; line-height: 20px;margin-bottom: 10px; padding: 0 10px }
.phqfb{text-align: center; padding:10px 0 0}
.phqfb .swiper-pagination-bullet{display: inline-block;width: 10px;height: 10px; border-radius:8px; margin: 0 5px; background: #3c3c3c; opacity: 1}
.phqfb .swiper-pagination-bullet-active{width: 25px}

.zcsb .zxdt{margin:25px 10px 0}
.ppbhm,.ppbhmm,.ppbhmmm{height: 220px;}
.ppbh li{margin-bottom: 20px;padding: 0 10px}
.ppbh li p{padding: 25px 10px 0; font-size: 12px; line-height: 18px;}
.zctboxmmm{width: 340px; margin: 0 auto}
.gszc{width: 340px; margin:20px auto 0;}
.gszc li{margin: 0; border-radius: 10px; float: left;width: 110px;height: 110px; margin-right: 5px;}
.gszc li:nth-child(3){margin-right: 0}
.gszc li:hover{border-radius: 10px;}
.img19b{width: 100%; height: 100%; position: absolute;left: 0; top: 0; z-index: 2}
.ppbh li:nth-child(4) img,.ppbh li:nth-child(5) img{height: 50px}
.idea{border: 10px solid #fff;width: 320px;height: 275px; margin-top: -147.5px;margin-left: -170px;}
.ideam{width: 320px;height: 275px;}
.ideam h2 span{font-size:85px; margin: 0 15px}
.ideam h3 span{font-size: 30px; margin: 0; line-height: 40px;}
.ideam h3 span:nth-child(4){margin:0 5px 0 0}
.ideam h3 span:nth-child(5){margin:0 0 0 5px;}
.ideam p{font-size: 12px; letter-spacing: 0; line-height: 22px;}
.phjd{padding: 0 0 45px}
.phjd li{position: relative;margin-bottom: 20px;}
.hidden{ display: none;}
.phjd li img{max-width: 100%; vertical-align: top;}
.phjd li h2{ color: #333; font-size: 16px;line-height: 25px; margin: 15px 15px 5px; overflow: hidden;height: 25px; width: 100%; white-space: nowrap;text-overflow: ellipsis; }
.phjd li p{ color: #999; font-size: 12px; line-height: 20px;max-height: 80px; overflow: hidden; padding: 0 15px }
.phjdb{padding: 20px 15px 25px}
.phjdb span{ transition: all 0.3s; display: inline-block;width: 30px;height: 1px; background: #cea975; vertical-align: middle; margin-right: 10px}
.phjdb b{transition: all 0.3s;display: inline-block;border: 1px solid #cea975;height: 25px; line-height: 25px;padding: 0 12px;border-radius: 15px; color: #cea975; font-size: 13px;}
.phjdline1{ display: inline-block; width: 100%; height: 1px; position: absolute;left: 0; bottom: 0;background: #ddd; z-index: 1}
.phjdline2{transition: all 0.3s; display: inline-block; width: 0; height: 1px; position: absolute;left: 0; bottom: 0;background: #cea975; z-index: 2}
.phjd li:hover .phjdb span{width: 0}
.phjd li:hover .phjdb b{color: #fff; background: #cea975}
.phjd li:hover .phjdline2{width: 100%}

.xqwrap{padding: 75px 0 0}
.xqt{padding: 25px 5px 5px}
.xqt h2{line-height: 30px; font-size: 20px; padding-bottom:0;}
.xqt h3 span{margin: 0 5px;font-size: 12px; line-height: 25px;}
.xqt p{font-size: 12px; line-height: 25px;}
.xqm{padding: 0 0 20px}
.xqph{padding: 0 15px}
.xqmb{padding: 0 10px}
.xqmbl, .xqmbr{width: 38%}
.xqmbl{height: 50px; padding: 0 10px}
.xqmbl span{padding-left: 15px; width: 100%; line-height: 48px; box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xqmbr{height: 50px; padding: 0 10px}
.xqmbr span{padding-right: 15px; width: 100%;  line-height: 48px; box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xqmbm1{height: 50px; width: 11%}
.xqmbm1 span{line-height: 48px;font-size: 16px;}
.xqmbm2{height: 50px; width: 11%}
.xqmbm2 span{line-height: 48px;font-size: 16px;}
.xqsc{margin: 10px auto 20px}
.xqmbm1, .xqmbm2{background-size: 20px auto}

.xscase{padding: 25px 0 0}
.phfw{margin-bottom:40px;}
.phfwnum{width: 180px;font-size: 80px}
.phfwl span,.phfwl b{width: 80px;height: 80px; line-height: 25px; font-size: 18px;}
.phfwl b{margin-left: -40px;}
.fwln{padding: 40px 10px 20px}
.bannertxt1{color: #fff;font-size: 30px; letter-spacing: 5px;line-height: 40px; padding: 0 35px 10px; margin-top: -60px; }
.bannertxt2{color: #fff; font-size: 16px; line-height: 30px;padding: 0 28px}

.lxwm{position: relative;}
.img7b{background: none; margin-bottom: 50px}
.phfooter{background: #1c1c1c;padding: 5px 0;position: fixed;left: 0;bottom: 0; z-index: 100;width: 100%}
.phfooter li{display: inline-block;float: left;width: 33.33%; padding: 0 2px;box-sizing: border-box; position: relative;}
.phfm{display: table;width: 100%; height: 40px; border-radius: 5px; overflow: hidden;}
.phfmm{display: table-cell;width: 100%;height: 40px; vertical-align: middle;text-align: center;}
.phfmm span{color: #fff;font-size: 14px; padding-left: 10px; vertical-align: middle;}
.phfooter li:nth-child(1) .phfm{background: #fe7d49}
.phfooter li:nth-child(2) .phfm{background: #50ca6e}
.phfooter li:nth-child(3) .phfm{background: #20b1ee}
.phfooter li:nth-child(3) .phfmm span{padding: 0}
.phfooter li:nth-child(1) .phfm img{width: 20px; vertical-align: middle; position: relative;}
.phfooter li:nth-child(2) .phfm img{width: 23px; vertical-align: middle;  position: relative;}
.phwx{background: #222;width: 100%; position: absolute;left: 0; text-align: center; bottom: 45px; box-sizing: border-box;padding: 10px; display: none;}
.phwx img{width: 100%; vertical-align: top; max-width: 135px}

.lxtxt p{font-size: 14px;letter-spacing: 0;text-indent: 0}
.icon20{padding: 25px 0}
.lxyx li{float: none;width: 100%;padding-bottom: 30px}
.lxbd p{font-size: 14px;line-height: 25px}
.lxbdl,.lxbdr{float: none;width: 100%}
.lxbdr{margin-top: 20px}
.footer{padding: 15px; line-height: 20px;}
.lxwmt{padding: 35px 0 25px}
.lxtxt{padding: 0 10px}
.lxtxt h2{font-size: 30px; line-height: 40px;}
.img7{padding: 40px 15px 35px; background-size: cover;}
.img7t{font-size: 30px;line-height: 40px;padding-bottom: 20px}
.img7ph{overflow: hidden;}
.ckebox{margin-bottom: 15px}
.ckebox:hover .cket b{height: 80px}
.ckebox:hover .cket span{color: #fff;}
.ckebox:hover .cke{background: #d5b180;}
.ckebox:hover .ckem{background: #fff;}
.ckebox:hover .ckem h3,.ckebox:hover .ckem p{color: #3c3c3c}
.img7phb{text-align: center;padding: 10px 0 0}
.img7phb .swiper-pagination-bullet{display: inline-block;width: 10px;height: 10px; border-radius:8px; margin: 0 5px; background: #3c3c3c; opacity: 1}
.img7phb .swiper-pagination-bullet-active{width: 25px}

.kehu{padding: 45px 0 40px}
.tcbg,.tcbg2,.tcbg3{background: #000; opacity: 0.7;width: 100%;height: 100%; z-index: 100; position: fixed;left: 0;top: 0; display: none;}
.zctssrb2{ display: none; background: #ffdcaa; border-radius: 10px; width: 80%; left: 10%; position: fixed;top: 20%; height: 60%;box-sizing: border-box;padding: 10px 5px 10px 15px;z-index:101  }
.zctssrb2 ul{padding-right: 15px} 
.zctssrb2 li{text-align: center;border-bottom:1px solid #d7b27f; color: #000; line-height: 40px; font-size: 13px; cursor: pointer; }
.zctssrb2 .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{opacity: 1}
.zctssrb2 .mCSB_scrollTools{right: 5px}
.zctssrb2 .mCSB_scrollTools .mCSB_draggerRail{width: 3px}
.icon19{ cursor: pointer; background: url(../images/icon19.png) no-repeat center top;display: inline-block;width: 35px;height: 55px; position: absolute;right: 0;top: -50px; background-size: 33px auto}
.zctssrb2m{height: 100%}
.zctss{width: 80%; float: left;}
.zctr{ float: right; margin: 0 }
.zctbox .zctss{width: 80%; float: left; min-width: inherit;}
.zctssl{width: 60%}
.zctssr{width: 80px; margin:0;}
.zctssr2{width:100px; margin:0;}
.zct{padding: 20px 20px 0}
.zct h2{font-size: 30px; line-height: 35px; letter-spacing: 3.5px}
.ppbh{padding: 25px 10px 0}
.ppbh li{width: 50%; margin-bottom: 20px; padding: 0 10px;}
.hyjd{padding: 75px 0 0}
.hyjdwrap2{padding: 30px}
.hyjdm2{overflow: hidden;}
.case{padding: 45px 0 40px}
.case2{padding: 45px 0 0}
.mbrql,.mbrqr{float: none;width: 100%; padding: 0; z-index: 10}
.ystxt,.ystxt4{padding: 0 20px}
.ystxt h2,.ystxt4 h2{font-size: 30px; line-height: 40px;}
  .casebb{margin-top: 35px}
 .img2{padding: 65px 10px 30px}
 .fwtxbb{padding: 125px 0 0}
 .icon13{width: 100%; left: 0; margin-left: 0;height: 96px;}
 .icon13a{width: 100%;left: -10%}
 .icon13b{width: 100%; right: -10%}
 .link2{width: 200px; height: 50px;} 
 .link{width: 200px; height: 50px;} 
 .link b.left,.link b.right{height: 50px;}
 .link span{line-height: 50px;}
 .img1b{padding: 40px 0}
.icon2t{height: 40%}
.header{padding: 10px 12px}
.navr{right: 12px}
a.logo{height: 40px; background-size: auto 40px}
.toggle{right: 12px;}
.icon3{display: none;width: 30px;height: 30px; cursor: pointer; background: url(../images/icon3.png) no-repeat right center; background-size: 25px auto; position: absolute;right: 12px; top: 50%; margin-top: -15px;}
.phnav{background: #000;display: none;width: 100%; height: 100%; position: fixed;left: 0; top: 60px; z-index: 100; border-top: 1px solid #4f473a; padding:5px 40px; box-sizing: border-box;}
.phnav a{display: block;width: 100%; border-bottom: 1px solid #4f473a; line-height: 50px;color: #bc9f75;font-size: 16px;}
.toggle{opacity: 1}
.gylf{padding: 40px 10px 20px}
.title h2,.title2 h2,.title3 h2,.title4 h2{font-size: 30px; line-height: 30px;}
.title span,.title2 span,.title3 span,.title4 span{width: 180px;}
.titlem,.titlem2,.titlem4,.titlem b,.titlem2 b,.titlem4 b{width: 180px;}
.title h3,.title2 h3,.title3 h3,.title4 h3{font-size: 16px; line-height: 20px;padding: 10px 0 0}
.gylfm h2{line-height: 40px; font-size: 30px; padding-bottom: 5px;}
.gylfm p{font-size: 14px; line-height: 22px;}
.num li{float: none;width: 100%;padding: 20px 0}
.img1{padding: 80px 0}
.fwtx li{width: 50%; margin: 0 0 20px}
.fwtxt1,.fwtxt1b{font-size: 30px; line-height: 35px; padding: 20px 0 35px; background: none}
.zxdtr{width: 70%}
.ckem h3 span{transform: scale(1);}
} 
@media screen and (max-width: 565px) {
	
}

@media screen and (max-width: 450px) {
	.caselb li{width: 100%}
	.zxdtr{width: 50%}
	.gszc li{width: 110px;height: 100px}
	
	

}

@media screen and (max-width: 375px) {
	.phpp li{width: 33.33%}
	.fwtxb p{font-size: 12px;}
	.fwtxt img{width: 45px;}
	.fwtxt span{width: 120px;height: 120px;margin:-65px 0 0 -65px;}
	.hyjdwrap2{padding: 20px 10px}
	
	.zxdt{margin:0 10px 25px;}
	
	

	
}


#trans-tooltip,#tip-arrow-bottom,#tip-arrow-top{display: none;}