@charset "utf-8";
@font-face {
    font-family: "dinbold";
    src:url("../font/dinbold.ttf");
}
@font-face {
    font-family: markpro;
    src:url("../font/markpro.otf");
}
@font-face {
    font-family: poppinsbold;
    src:url("../font/poppinsbold.ttf");
}
* { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;}
html,body{font-size: 14px;font-family:"Microsoft YaHei","PingFang SC";background-color: #fff;}
input,textarea{ border:none; font-family:"Microsoft YaHei","PingFang SC";}
img{ border: none; }
h1,h2,h3,h4,h5{font-weight: normal;font-size: 14px;}
table{width: 100%;border-collapse: collapse;}
audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;}
html.hide{overflow: hidden;}
body.hide{overflow: hidden;}
a{color: #000;}
.fl{ float: left;}
.fr{float: right;}
.clear:after{ content: ''; display: table; clear: both; }
p{line-height: 1.6em;}
.img100 img{vertical-align: bottom;width: 100%;}
.middle-box{display: table; height: 100%;  width:100%; margin:0 auto; position:relative; table-layout: fixed;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}
.pc-show{display: block;}
.wap-show{display: none;}
.position-full{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.relative{position: relative;}
.text-center{text-align: center;}
.overhide{overflow: hidden;}
.padding-tb40{padding: 40px 0;}
.padding-tb60{padding: 60px 0;}
.padding-tb70{padding: 70px 0;}
.padding-tb80{padding: 80px 0;}
.padding-tb90{padding: 90px 0;}
.padding-tb100{padding: 100px 0;}
.padding-tb110{padding: 110px 0;}
.padding-tb120{padding: 120px 0;}
.w1200{width: 1200px;max-width: 92%;margin: 0 auto;}
.w1250{width: 1250px;max-width: 92%;margin: 0 auto;}
.w1280{width: 1280px;max-width: 92%;margin: 0 auto;}
.w1300{width: 1300px;max-width: 92%;margin: 0 auto;}
.w1400{width: 1400px;max-width: 92%;margin: 0 auto;}
.w1440{width: 1440px;max-width: 92%;margin: 0 auto;}
.w1600{width: 1600px;max-width: 92%;margin: 0 auto;}
.bgf1{background: #f1f1f1;}
.bgf2{background: #f2f2f2;}
.bgf3{background: #f3f3f3;}
.bgf4{background: #f4f4f4;}
.bgf5{background: #f5f5f5;}
.bgf6{background: #f6f6f6;}
.bgf7{background: #f7f7f7;}
.bgf8{background: #f8f8f8;}
.bgf9{background: #f9f9f9;}
.bgfff{background: #fff;}
.bgeee{background: #eee;}
.padding20{padding: 20px;}
.padding30{padding: 30px;}
.padding40{padding: 40px;}
.padding50{padding: 50px;}
.padding60{padding: 60px;}

/*header s*/
.header{position: relative;z-index: 999;}
.header-top{border-bottom: 2px solid #7f7f7f;padding: 25px 0;}
.logo img{vertical-align: bottom;height: 115px;margin: 0 auto;}
.nav-box li{float: left;position: relative;}
.nav-yi{display: inline-block;text-align: center;padding: 12px 20px;}
.nav-yi span{display: block;}
.nav-yi .cn{font-size: 20px;color: #101010;}
.nav-yi .en{font-size: 12px;color: #101010;font-family: markpro;text-transform: uppercase;display: block;margin-top: 4px;}
.nav-er{position: absolute;width: 120px;left: 50%;margin-left: -60px;box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.21);opacity: 0;margin-top: -20px;transition: all .4s;pointer-events: none;background: #fff;}
.nav-er a{display: block;background: #fff;text-align: center;line-height: 36px;text-transform: uppercase;font-size: 14px;color: #777;}
.nav-box li:nth-child(2) .nav-er{width: 240px;overflow: hidden;margin-left: -120px;}
.nav-box li:nth-child(2) .nav-er a{width: 50%;float: left;}
.nav-box li:nth-child(3) .nav-er{width: 240px;overflow: hidden;margin-left: -120px;}
.nav-box li:nth-child(3) .nav-er a{width: 50%;float: left;}
.nav li.active .nav-yi span{color: #d17100;}
.nav li.active.nav-yi span:after{width: 100%;}
.taobao{position: absolute;right: 0;top:50%;transform: translateY(-50%);}
.taobao h3{font-size: 20px;font-weight: bold;color: #101010;}
.taobao p{font-size: 12px;color: #101010;font-family: markpro;text-transform: uppercase;}
.hqfa{position: absolute;right: 0;bottom:0;text-align: center;
    background-image: -moz-linear-gradient( 90deg, rgb(201,153,0) 0%, rgb(255,203,39) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(201,153,0) 0%, rgb(255,203,39) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(201,153,0) 0%, rgb(255,203,39) 100%);width: 160px;height: 30px;line-height: 30px;
    border-radius: 30px;
}
.hqfa img{vertical-align: middle;margin-top: -4px;margin-right: 5px;}
/*header e*/

/*footer s*/
.footer{background: #eaeaea;box-shadow:0 -3px 4px #ddd;}
.left70{margin-left: 70px;}
.right140{margin-right: 140px;}
.footer-top{padding: 60px 0 35px;}
.footer-bot{background: #262626;}
.footer-bot span,.footer-bot a{color: #fff;font-size: 15px;display: inline-block;}
.footer-bot{padding: 16px 0;}
.footer-box{display: flex;justify-content: space-between;}
.footer-page-bot{overflow: hidden;}
.footer-nav{float: left;margin-right: 12px;}
.footer-nav:last-child{margin-right: 0;}
.footer-page-top{border-bottom: 1px solid #313131;margin-bottom: 20px;padding-bottom: 14px;}
.footer-page-top p{font-size: 18px;color: #242424;}
.footer-page-top span{font-size: 13px;color: #8b8b8b;display: block;text-transform: uppercase;font-family: markpro;}
.footer-page{min-width: 120px;margin-right: 18px;position: relative;}
.footer-page:last-child{margin-right:0;max-width: 700px;}
.footer-nav span{display: inline-block;font-size: 15px;transition: all .4s;text-transform: uppercase;font-family: markpro;}
.footer-nav a:hover span{color: #d17100;}
.footer-nav div{margin-bottom: 5px;}
.footer-page-left{margin-right: 150px;}
.footer-page-right{position: absolute;right: 0;width: 121px;top:86px;}
.footer-page-right p{font-size: 17px;color: #747474;margin-top: 5px;}
.footer-about{margin-bottom: 25px;}
.footer-about p{font-size: 16px;color: #161616;line-height: 1.8em;}
.footer-tel{font-size: 15px;color: #181818;}
.footer-tel div{position: relative;padding-left: 78px;}
.footer-tel i{position: absolute;left: 0;top:0;font-style: normal;}
.footer-tel span{display: inline-block;vertical-align: top;margin-right: 5px;margin-bottom: 10px;}
.footer-warp{margin: 0 105px;}
.return_top{position: fixed;z-index: 999;width: 48px;height: 48px;border-radius: 5px;bottom:60px;right: 100px;background:#d2a800 url("../images/top.png") no-repeat center;background-size: cover;cursor: pointer;display: none;}
.return_top.active{display: block;}
/*footer e*/

/*index s*/
.bannerDot{position: absolute;z-index: 9;left: 0;bottom:40px;width: 100%;text-align: center;}
.bannerDot .swiper-pagination-bullet{opacity: 1;background: #fff;width: 10px;height: 10px;margin: 0 8px;}
.bannerDot .swiper-pagination-bullet-active{background: #d17100;}
.banner-link{position: fixed;right:94px;: 0;z-index: 9;bottom:130px;display: none;}
.banner-link.active{display: block;}
/*.banner-link,.banner-link div{pointer-events: none;}*/
.banner-link a{pointer-events: auto;}
.banner-link a{display: block;width: 60px;height: 60px;text-align: center;line-height: 60px;border-radius: 100%;color: #fff;background: #d2a800;margin-top: 8px;font-size: 22px;}
.banner-link a:first-child{margin-top: 0;}
.title35{margin-bottom: 35px;}
.title35 span{font-size: 20px;color: #101010;text-transform: uppercase;display: block;margin-bottom: 8px;font-family: markpro;}
.title35 h2{font-size: 35px;color: #101010;}
.title35 .dot{width: 24px;height: 24px;border-radius: 100%;border:2px solid #fdd23e;margin: 20px auto 0;}
.main-des p{font-size: 20px;color: #747474;line-height: 2em;width: 1020px;max-width: 100%;margin: 0 auto;}
.main-des h3{font-size: 25px;color: #747474;font-weight: bold;margin-top: 20px;}
.tujin{font-size: 0;width: 1130px;max-width: 100%;margin: 0 auto;}
.tujin li{font-size: 14px;display: inline-block;vertical-align: top;width: 20%;box-sizing: border-box;padding: 0 1%;text-align: center;}
.tujin li .img100{position: relative;width: 139px;max-width: 80%;margin: 0 auto;border:1px solid #d4d4d4;border-radius: 100%;}
.tujin li .img100 img{transition: all .4s;border-radius: 100%;}
.tujin li .img100 .img2{position: absolute;left: 0;top:0;opacity: 0;}
.tujin li h4{font-size: 25px;color: #747474;margin-top: 25px;margin-bottom: 4px;transition: all .4s;}
.tujin li p{font-size: 15px;color: #747474;text-transform: uppercase;transition: all .4s;font-family: markpro;}
.main-des{margin-bottom: 80px;}
.tujin li a:hover .img100{border-color: #fff;}
.tujin li a:hover .img2{opacity: 1;}
.tujin li a:hover h4{color: #eca833;}
.tujin li a:hover p{color: #eca833;}
.h565{display: block;height: 565px;}
.gdal{display: block;margin: 40px auto 0;width: 154px;height: 31px;line-height: 31px;text-align: center;border-radius: 31px;background: #eca833;font-size: 16px;color: #000;transition: all .4s;}
.gdal img{vertical-align: middle;margin-top: -4px;margin-left: 4px;}
.gdal:hover{background: #d17100;}
.ys{font-size: 0;}
.ys a{display: block;position: relative;}
.ys li{display: inline-block;font-size: 14px;vertical-align: top;width: 24.5%;margin-right: 0.66%;text-align: center;margin-bottom: 0.66%;}
.ys li:nth-child(4n){margin-right: 0;}
.ys-con{background: #fafafa;padding: 20px 5px;}
.ys-con h4{font-size: 25px;color: #1e2227;}
.ys-con p{font-size: 10px;color: #1e2227; text-transform: uppercase;font-family: markpro;}
.shijue-des{margin: 0 10px;}
.shijue-des h4{font-size: 35px;color: #1e2227;}
.shijue-des p{font-size: 15px;color: #1e2227;text-transform: uppercase;margin: 3px 0;font-family: markpro;}
.shijue-des span{display: block;font-size: 12px;margin: 0 auto;border:1px solid #000;width: 122px;height: 21px;text-align: center;line-height: 21px;border-radius: 21px; }
.mote li{text-align: left;}
.mote li .ys-con{background: #fff;padding-left: 0;padding-right: 0;}
.ys-con h5{color: #1e2227;opacity: 0.8;}
.mote li .ys-con p{color: #1e2227;opacity: 0.8;}
.w1670{width: 1670px;max-width: 92%;margin: 0 auto;}
.changjing{font-size: 0;}
.changjing li{display: inline-block;font-size: 14px;vertical-align: top;width: 33%;margin-right: 0.5%;text-align: center;margin-bottom: 20px;}
.changjing li:nth-child(3n){margin-right: 0;}
.changjing li p{font-size: 22px;color: #8b8b8b;margin-top: 10px;}
/*index e*/
/*摄影子页面-独道设计-3级页面 s*/
.ban .img100{height: 480px;}
.ban-text h1{font-size: 26px;color: #fff;line-height: 1em;}
.ban-text h2{font-size: 52px;color: #fff;font-family: "dinbold";line-height: 1em;margin: 15px 0;text-transform: uppercase;}
.ban-text .i{width:1px;border-right: 1px solid #fff;margin: 0 auto;height: 44px;}
.main-left{float: left;margin-left: 40px;width: 200px;}
.main-right{margin-left: 290px;margin-right: 155px;}
.nav-title-l,.nav-title-r{display: inline-block;vertical-align: middle;}
.nav-title-l{margin-right: 5px;}
.nav-title-l img{width: 53px;}
.nav-title-r p{font-size: 20px;color: #181818;line-height: 1em;}
.nav-title-r span{display: block;font-size: 13px;color: #161616;font-family: markpro;text-transform: uppercase;margin-top: 5px;}
.nav-page{border-right: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;margin-bottom: 22px;}
.nav-page .nav-page-top{padding:15px 10px 8px;}
.nav-page-bot a{display: block;position: relative;padding-left: 36px;}
.nav-page-bot a p{line-height: 37px;font-size: 15px;color: #121212;}
.nav-page-bot a .i{width: 7px;height: 7px;border-radius: 100%;background: #aaa;top:15px;left: 24px;position: absolute;}
.nav-page-bot a span{position: absolute;top: 0;line-height: 37px;right:20px;font-size: 15px;color: #121212;}
.nav-page-bot a:hover{background: #e49816;}
.nav-page-bot a:hover p{color: #fff;}
.nav-page-bot a:hover span{color: #fff;}
.nav-page-bot a:hover .i{background: #fff;}
.nav-page-bot li.active a{background: #e49816;}
.nav-page-bot li.active p{color: #fff;}
.nav-page-bot li.active span{color: #fff;}
.nav-page-bot li.active .i{background: #fff;}
.main-right-top{border-bottom: 1px solid #313131;padding-bottom: 5px;margin-bottom: 35px;}
.main-right-bot{width: 1100px;max-width: 100%;margin: 75px auto 0;}
.des-top{padding: 12px 20px;border-bottom: 1px solid #aaa;overflow: hidden;;}
.des-top h3{font-size: 24px;color: #0c0c0c;}
.position span,.position a{display: inline-block;vertical-align: middle;color: #0c0c0c;font-size: 15px;margin-left: 5px;}
.position  img{vertical-align: middle;display: inline-block;margin-top: -2px;}
.edited{padding: 60px 0;}
.edited img{max-width: 100%;margin: 0 auto;height: auto !important;display: block;}
.shouye{display: block;width: 62px;height: 30px;text-align: center;line-height: 30px;font-size: 15px;background: #ccc;border-radius: 30px;color: #0c0c0c;margin-left: 25px;margin-bottom: 19px;}
.shouye:hover{background: #e49816; color: #fff;}
.xq-page{border-top: 1px solid #ccc;padding: 20px 0;position: relative;margin-bottom: 30px;}
.xq-page a{font-size: 15px;color: #0c0c0c;}
.xq-page a:hover{color: #e49816;}
.xq-page p{margin: 8px 0;white-space: nowrap;overflow: auto;text-overflow: ellipsis;}
.padding20-30{padding: 20px 30px;}
.xq-page-a{margin-right: 140px;}
.fhlb{position: absolute;right: 0;top:50%;margin-top: -20px;width: 100px;text-align: center;height: 30px;line-height: 30px;border-radius: 30px;background: #ccc;font-size: 15px;color: #0c0c0c;}
.fhlb:hover{background: #e49816;color: #fff !important;}
/*摄影子页面-独道设计-3级页面 e*/
/*摄影子页面-口播视频 s*/
.video-list{font-size: 0;}
.video-list li{font-size: 14px;display: inline-block;vertical-align: top;background: #fff;width: 19.2%;margin-right: 1%;margin-bottom: 1%;}
.video-list li:nth-child(5n){margin-right: 0;}
.video-list li a{display: block;padding: 10px;}
.video-bot h3{font-size: 16px;color: #1e2227;margin: 3px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.video-bot p{font-size: 10px;color: #1e2227;text-transform: uppercase;line-height: 1em;margin-bottom: 3px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.play-icon{width: 43px;height: 43px;background: url("../images/play.png") no-repeat center;background-size: cover;margin: 0 auto;}
/*摄影子页面-口播视频 e*/
/*摄影子页面-口播视频-3级页面 s*/
.meizhung{width: 58px;height: 28px;text-align: center;border:1px solid #ddd;background: #f4f4f4; line-height: 28px;border-radius: 4px;}
.meizhung:hover{border-color: #e49816;}
.edited video{display: block;margin: 0 auto;max-width: 100%;height: auto !important;width: 380px;}
.edited video.full{width: 640px;}
.main-img{display: block;}
/*摄影子页面-口播视频-3级页面 e*/
.fiexd-bottom{position: fixed;z-index: 999;bottom:0;background: #f7f7f7;width: 100%;left: 0;height: 48px;text-align: center;display: none;}
.fiexd-bottom a{flex: 1;display: block;width: 100%;}
.fiexd-bottom a img{width: 46%;height: auto;margin: 6px;}
.fiexd-bottom .ms_flogo img{width: 80%;height: auto;margin-top: -15px;}
.all_bg{width: 40%;height: 100%;background: rgba(0,0,0,.5);position: fixed;right: 0;top: 0;z-index: 2000;display: none;}
.header.ms_celan_on{transform: translateX(100%);}
.ms_index_bg,.ms_index_bgtel{width: 100%; height: 100%; background: #fff; position: fixed;top: 0;left: 0;background: rgba(0,0,0,.5);z-index:995; display: none;}
.ms_index_tel,.ms_index_wx,.ms_index_wang{width: 100%;max-height: 70%;background: #fff;position: fixed;bottom:48px;left: 0;text-align: center;overflow-y: auto;z-index: 998;display: none;padding-bottom: 20px;}
.ms_index_wx .title {font-weight: bold;line-height: 25px; }
.all_on{transform: translateX(60%);}
.ms_index_wx b {background: #e5e5e5;display: block;color: #555;width: 100%;height: 36px;line-height: 36px;font-size: 14px;font-weight: 100;}
.ssxx{width: 42px;margin-top: 15px;}
.ms_index_wx button{background-color: #1aad19;border: none;color: #ffffff;margin: 10px 0;}
.btn {display: inline-block;margin-bottom: 0;font-weight: normal;text-align: center;vertical-align: middle;touch-action: manipulation;cursor: pointer;background-image: none;border: 1px solid transparent;white-space: nowrap;padding: 6px 12px;font-size: 12px;line-height: 1.42857143;border-radius: 3px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.ms_index_wx_list li{margin-top: 15px;float: left;width: 33%;text-align: center;}
.ms_index_wx_code img{max-width: 100%;width: 100px;}
.ms_index_tel h3{font-size: 18px;padding: 20px 0;}
.ms_index_tel ul{max-width: 92%;margin: 0 auto;}
.ms_index_tel li{margin:0 0 18px;font-size: 16px;}
.ms_index_tel li a{text-decoration: underline;}
.web-head-go{position: fixed;opacity: 0.8;left: 15px;top: 15px;z-index: 33; display: none;width: 30px;height: 30px;background: url(../images/back.png) no-repeat;background-size: 100% 100%;}
.ln{margin-bottom: 50px;}
.title50 h2{font-size: 50px;color: #0c0c0c;}
.title50 p{font-size: 20px;text-transform: uppercase;}
.title50{margin-bottom: 25px;}
.ln h3{font-size: 30px;font-weight: bold;margin-bottom: 10px;}
.ln p{font-size: 20px;color: #262626;}
.about-page{margin-bottom: 30px;}
.about-page h5{display: inline-block;width: 262px;height: 42px;line-height: 42px;background: #ffe300;font-size: 25px;color: #0c0c0c;padding: 0 15px;margin-bottom: 8px;}
.about-page p{font-size: 20px;}
.lnsx{margin-top: 80px;}
.short h5{width: auto !important;}
.partner{margin-top: 80px;}
.mglyh p{position: relative;padding-left: 62px;margin-top: 5px;}
.mglyh i{font-size: 20px;position: absolute;left: 0;top:0;font-style: normal;}
.mglyh span{font-size: 20px;display: block;}
.map{height: 500px;width:774px;max-width: 100%;}
.info-content h2{margin-left: 50px;font-size: 14px;padding-top: 2px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.info-title{color: white;font-size: 14px;background-color: #25A5F7;line-height: 26px;padding: 0px 0 0 6px;font-weight: lighter;letter-spacing: 1px;}
.info-content{position: relative;margin: 8px 2px;}
.info-content img{position: absolute;left: 0;top:0;width: 40px;height: 40px;}
.page{text-align: center;font-size: 0;margin-top: 40px;}
.page a{font-size: 18px;line-height: 40px;border:1px solid #d1d1d1;color: #a09f9f;display: inline-block;padding: 0 13px;margin: 0 6px;vertical-align: middle;transition: all .4s;}
.page a.active{border-color: #e49816;color: #e49816;}
.page a:hover{border-color: #e49816;color: #e49816;}
.page a.page-btn{font-size: 14px;}
.page a.page-btn:hover{background: #e49816;color: #fff;}




/*.floatTools{overflow: hidden;position: fixed;right: 0;bottom:140px; z-index: 9999;}*/
/*.floatL{width: 210px;box-sizing: border-box;padding: 50px 7px 0;cursor: pointer;}*/
/*.ft-warp{background: #3e3e3e; border-radius: 20px;padding: 20px;}*/
/*.ft-top{width: 210px;top:0;left: 50%;margin-left: -105px;position: absolute;}*/
/*.ft-warp h2{font-size: 36px;color: #fff;line-height: 1em;}*/
/*.sbsj{font-size: 30px;color: #fff;font-family: poppinsbold;letter-spacing: -2px;white-space: nowrap;line-height: 1em;margin-top: 8px;}*/
/*.zxdh{font-size: 26px;color: #fff;font-family: poppinsbold;letter-spacing: -1px;white-space: nowrap;line-height: 1em;margin-top: 12px;}*/
/*.ft1{padding: 15px 0;border-bottom: 1px solid #626262;}*/
/*.ft2{padding: 15px 0;border-top: 1px solid #000000;}*/
/*.h24{font-size: 20px;color: #000;width: 136px;line-height: 32px;border-radius: 32px;background: #fff100;margin: 10px auto 0;}*/
/*.ft3{padding: 30px 0 20px;}*/
/*.ft3 p{font-size: 15px;color: #fff;margin: 8px 0;}*/
/*.djzx{font-size: 34px;color: #fff;}*/
/*.floatr-warp{width: 270px;padding: 20px;box-sizing: border-box;}*/
/*.ftcon{width: 190px;max-width: 100%;margin: 0 auto;}*/
/*.floatr{background: #121212;height: 633px;overflow: hidden;color: #a4a4a4;font-size: 16px;width:0;transition: all .4s;}*/
/*.floatr-a{padding: 15px 0;border-bottom: 2px solid #252525;}*/
/*.floatr-a .img100{width: 120px;max-width: 100%;margin: 25px auto 5px;}*/
/*.floatr-warp h3{font-size: 18px;margin-bottom: 20px;}*/
/*.floatr-b{padding: 20px 0;border-bottom: 2px solid #252525;}*/
/*.floatr-c{padding: 20px 0;}*/
/*.fangshis{width: 194px;max-width: 100%;margin: 0 auto;}*/
/*.fangshis li{float: left;width: 47%;margin-right: 4%;margin-top: 2%;}*/
/*.fangshis li:nth-child(even){margin-right: 0;}*/
/*.floatr-c .fangshis{width: 198px;}*/

.floatTools{overflow: hidden;position: fixed;right: 0;bottom:140px; z-index: 9999;}
.floatL{width: 188px;box-sizing: border-box;padding: 40px 7px 0;cursor: pointer;}
.ft-warp{background: #3e3e3e; border-radius: 20px;padding: 20px;}
.ft-top{width: 188px;top:0;left: 50%;margin-left: -94px;position: absolute;}
.ft-warp h2{font-size: 30px;color: #fff;line-height: 1em;}
.sbsj{font-size: 24px;color: #fff;font-family: poppinsbold;letter-spacing: -2px;white-space: nowrap;line-height: 1em;margin-top: 8px;}
.zxdh{font-size: 22px;color: #fff;font-family: poppinsbold;letter-spacing: -1px;white-space: nowrap;line-height: 1em;margin-top: 12px;}
.ft1{padding: 15px 0;border-bottom: 1px solid #626262;}
.ft2{padding: 15px 0;border-top: 1px solid #000000;}
.h24{font-size: 16px;color: #000;width: 120px;line-height: 28px;border-radius: 28px;background: #fff100;margin: 10px auto 0;}
.ft3{padding: 30px 0 20px;}
.ft3 p{font-size: 15px;color: #fff;margin: 8px 0;}
.djzx{font-size: 28px;color: #fff;}
.floatr-warp{width: 270px;padding: 20px;box-sizing: border-box;}
.ftcon{width: 190px;max-width: 100%;margin: 0 auto;}
.floatr{background: #121212;height: 566px;overflow: hidden;color: #a4a4a4;font-size: 14px;width:0;transition: all .4s;}
.floatr-a{padding:0 0 15px;border-bottom: 2px solid #252525;}
.floatr-a .img100{width: 120px;max-width: 100%;margin: 0 auto 5px;}
.floatr-warp h3{font-size: 16px;margin-bottom: 20px;}
.floatr-b{padding: 15px 0;border-bottom: 2px solid #252525;}
.floatr-c{padding: 15px 0;}
.fangshis{width: 194px;max-width: 100%;margin: 0 auto;}
.fangshis li{float: left;width: 47%;margin-right: 4%;margin-top: 2%;}
.fangshis li:nth-child(even){margin-right: 0;}
.floatr-c .fangshis{width: 198px;}


.imgscale .img100{overflow: hidden;}
.imgscale .img100 img{transition: all .4s;}
.imgscale:hover .img100 img{transform: scale(1.1);}
.background-cover{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.ban-text h2{animation-delay: 300ms !important;}
.ban-text .i{animation-delay: 600ms !important;}
.slideUp{
    animation:slideUp 1s both;-webkit-animation:slideUp 1s both;
}
@keyframes slideUp{
    0%{opacity:0;-webkit-transform: translateY(60px);transform: translateY(60px);}
    100%{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}
.slideLeft{
    animation:slideLeft 1s both;-webkit-animation:slideLeft 1s both;
}
@keyframes slideLeft{
    0%{opacity:0;-webkit-transform: translateX(-60px);transform: translateX(-60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.slideRight{
    animation:slideRight 1s both;-webkit-animation:slideRight 1s both;
}
@keyframes slideRight{
    0%{opacity:0;-webkit-transform: translateX(60px);transform: translateX(60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}
.tobig{
    animation:tobig 1s both;-webkit-animation:tobig 1s both;
}
@keyframes tobig{
    0%{opacity:0;-webkit-transform: scale(0);transform: scale(0);}
    100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}