@charset "utf-8";
@font-face {
    font-family: dincondregular;
    src: url(/font/dincondregular.otf);
}
@font-face {
    font-family:futurabtbook;
    src: url(/font/futurabtbook.ttf);
}
@font-face {
    font-family:dincondmedium;
    src: url(/font/dincondmedium.otf);
}
@font-face {
    font-family:dinblackitalic;
    src: url(/font/dinblackitalic.otf);
}
@font-face {
    font-family:dinmedium;
    src: url(/font/dinmedium.otf);
}
@font-face {
    font-family:markpromedium;
    src: url(/font/markpromedium.otf);
}
@font-face {
    font-family:dinlight;
    src: url(/font/dinlight.otf);
}
@font-face {
    font-family:dincondbold;
    src: url(/font/dincondbold.otf);
}
* { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;}
html,body{font-size: 32px;font-family:"Microsoft YaHei","PingFang SC";}
input,textarea{ border:none; font-family:"Microsoft YaHei","PingFang SC";font-size: 32px;}
img { border: none; }
h1,h2,h3,h4,h5{font-weight: normal;}
table{width: 100%;border-collapse: collapse;}
audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;}
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;}
.fixed-full{position: fixed;z-index: 9999;left: 0;top:0;width: 100%;height: 100%;}
.shadowStyle{background: rgba(0,0,0,.7);}
.w2700{width: 2700px;max-width: 92%;margin: 0 auto;}
.w2300{width: 2300px;max-width: 92%;margin: 0 auto;}
.bg18181b{background: #18181b;}
.padding-tb50{padding: 50px 0;}
.padding-tb120{padding: 120px 0;}
.padding-tb170{padding: 170px 0;}
.padding-tb220{padding: 220px 0;}
.padding-tb280{padding: 280px 0;}
.margin-lr200{margin: 0 200px;}
.bgf2{background: #f2f2f2;}
.bgf6{background: #f6f6f6;}
.padding-t180{padding-top: 180px;}
/*header*/
.header{position: absolute;left: 0;top:0;height: 180px;width: 100%;z-index: 999;}
.header-con{margin-left: 190px;margin-right: 300px;}
.logo{position: absolute;left: 50%;top:0;transform: translateX(-50%);}
.logo img{height: 180px;transform: scale(0.8);}
.nav li{float: left;}
.logo .img2{position: absolute;top:0;left: 0;opacity: 0;}
.logo.show .img1{opacity: 0;}
.logo.show .img2{opacity: 1;}
.nav-yi{display: inline-block;padding:0 50px;line-height: 180px;font-size: 26px;color: #fff;}
.nav-hide{position: absolute;left: 0;width: 100%;background: #fff; text-align: center;-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;transform: scaleY(0);}
.nav-tyle,.nav-er-box,.nav-er,.code,.code-text{display: inline-block;vertical-align: middle;}
.nav-tyle img{height: 72px;}
.nav-er-box{font-size: 0;}
.nav-er{padding:70px 80px;font-size: 32px;}
.nav-tyle{margin-right: 80px;}
.nav-er-box p{margin-top: 20px;}
.nav-er-list:hover .nav-er{background: #f3f3f3;}
.nav-er-list:hover .nav-er p{color: #00a4c5;}
.nav-er-list:hover .nav-er img{filter: none;}
.nav li:hover .nav-hide{transform: scaleY(1); -webkit-transition: -webkit-transform .5s;transition: transform .5s;}
.nav.fl li:nth-child(3) .nav-er img{filter: none !important;}
.nav-nr-nofilter .nav-nrs img{filter: none !important;}
.menu-handler{cursor: pointer;}
#menu-handler1{width: 58px; height: 58px; cursor: pointer; position: absolute;transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1);}
#menu-handler1 .burger{height: 4px; background: #fff; display: block;width: 100%; position: absolute; z-index: 5; left: 0; transform-origin: left;}
#menu-handler1 .burger-1{top: 5px;}
#menu-handler1 .burger-2{top: 50%;margin-top: -2px;}
#menu-handler1 .burger-3{bottom: 5px;}
#menu-handler1.active .burger-1{transform: rotate(45deg); }
#menu-handler1.active .burger-2{ opacity: 0;}
#menu-handler1.active .burger-3{transform: rotate(-45deg); }
#menu-handler1{left: 80px;top:50%;transform: translateY(-50%);}
#menu-handler2{width: 30px; height: 32px; cursor: pointer; position: absolute;right:4%;top:14px; transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); display: none; }
#menu-handler2 .burger{height: 2px; background: #00a4c5; display: block;width: 20px; position: absolute; z-index: 5; left: 5px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center;border-radius: 2px;-webkit-border-radius: 2px;top: 8px;}
#menu-handler2 .burger-2 {top: 15px; }
#menu-handler2 .burger-3 {top: 22px;}
#menu-handler2.active .burger-1{ top:15px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
#menu-handler2.active .burger-2{ -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
#menu-handler2.active .burger-3{ top: 15px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.header-area{position: absolute;height: 50px;top:50%;margin-top: -25px;right: 50px;}
.header-area:before{content: '';position: absolute;top:50%;margin-top: -14px; height: 28px;right: 90px;border-right: 1px solid #fff;opacity: 0.8;}
.search-box{position: absolute;right: 0;top:0; cursor: pointer;z-index: 7;}
.search-btn{width: 50px;height: 50px;background-image: url("/images/search.png");z-index: 5;position: relative;}
.search-con{position: absolute;width: 0;right: 0;height: 50px;top:0;background: #fff;overflow: hidden;}
.search-con .text{display: block;height: 50px;width: 100%;background: none;text-indent: 50px;font-size: 24px;}
.search-close{width: 50px;height: 50px;position: absolute;top:0;left: 0;background-image: url("/images/close50.png");}
.search-sb{position: absolute;right: 0;top:0;cursor: pointer;display: none;background-color:#fff;background-image: url("/images/search333.png");}
.search-box.active .search-con{width: 240px;}
.search-box.active .search-sb{display: block;}
.search-text{margin-right: 32px;}
.language{position: absolute;right: 130px;top:0;z-index: 5;
    /*width: 80px;*/
}
.language p{height: 50px;line-height: 50px;color: #fff;font-size: 26px;position: relative;}
.language p a{color: #fff;}
/*.language p:after{content: '';width: 17px;height: 10px;background: url("/images/bot17.png") no-repeat center;background-size: cover;position: absolute;right: 0;top:50%;margin-top: -5px; }*/
.nav-yi:after{content: '';width: 17px;height: 10px;background: url("/images/bot17.png") no-repeat center;background-size: cover;display: inline-block;vertical-align: middle;margin-left: 10px;}
.language-bot{position: absolute;width: 80px;top:50px;background: rgba(255,255,255,.5);left: 50%;margin-left: -40px;text-align: center;display: none;border:1px solid #333;box-sizing: border-box;}
.language-bot a{display: block;padding: 4px 0;font-size: 26px;}
.language-bot a:hover{background: #1a233e;color: #fff;}
.language.active p:after{transform: rotate(180deg);}
.fixed-left{left: -670px;position: absolute;height: 100%;top:0;background: #fff;width: 670px;transition: all .4s;}
.fixed-left-wrap{position: absolute;left: 70px;top:70px;right: 50px;bottom:70px;}
.fixed-left-close{width: 50px;height: 50px;background: url("/images/gb49.png") no-repeat center;background-size: cover;cursor: pointer;}
.nav-left{margin-top: 138px;}
.nav-left li{position: relative;margin-bottom: 30px;}
.nav-left-yi{display: block;color: #333;font-weight: bold;margin-bottom: 20px;}
.nav-left-hide{font-size: 0;}
.nav-left-hide a{display: inline-block;width: 30%;margin-right: 2%; font-size: 28px; color: #666666;margin-bottom: 10px;vertical-align: top;}
.nav-left-hide a:nth-child(3n){margin-right: 0;}
.nav-left-hide a:hover{color: #00a4c5;}
.nav-left-hide a:last-child{margin-bottom: 0;}
.left-code{position: absolute;bottom:20px;left: 0;}
.code{width: 190px;margin-right: 40px;}
.code-text p{font-size: 26px;color: #666;}
.fixed-left-box{display: none;}
.fixed-left-box.active .fixed-left{left:0;}
#menu-handler.active{z-index: 99999;}
.headerStyle .header{background:#fff;box-shadow:0 1px 2px #ddd;}
.headerStyle .nav-yi{color: #333;}
.headerStyle #menu-handler1 .burger{background: #333;}
.headerStyle .language p{color: #333;}
.headerStyle .language p a{color: #333;}
.headerStyle .language p:after{background: url("/images/bot17333.png") no-repeat center;background-size: cover;}
.headerStyle .header-area:before{border-color: #333;}
.headerStyle .search-btn{background-image: url("/images/search333.png");}
.headerStyle .search-con{border-bottom: 1px solid #333;}
/*footer*/
.footer{background: #313131;padding-top: 130px;position: relative;z-index: 99;}
.logo2 img{height: 112px;}
.footer-list{margin-bottom: 100px;}
.footer-list li{float: left;}
.footer-list li p{padding-right: 100px;}
.footer-list li h3{color: #fff;border-bottom: 2px solid rgba(255,255,255,.2);margin-bottom: 35px;padding-bottom: 35px;}
.footer-list li p{color: #fff;}
.footer-list li p span{font-family: dincondmedium;font-size: 36px;}
.footer-list li:nth-child(1) p{max-width: 100%;}
.totop{width: 29px;height: 47px;position: absolute;right: 0;top:0;cursor: pointer;background: url("/images/totop.png") no-repeat center;background-size: cover;}
.bq{padding: 60px 0;}
.bq span,.bq a{font-size: 22px;color: rgba(255,255,255,.5);}
.ybms-con-bot{margin-top:20px;}



.footer-nav{display: flex;justify-content: space-between;flex-wrap: wrap;/* margin: 135px 0; */float: right;width: 60%;}
.footer-nav dt{color: #fff;font-size: 39px;margin-bottom: 40px;}
.footer-nav dd{line-height: 2em;}
.footer-nav dd a{font-size: 36px;color: rgba(255,255,255,.7);transition: all .4s;}
.footer-nav dd a:hover{color:  rgba(255,255,255,1);}
.footer-lx p{color: #d0d0d0;font-size: 39px;}
.footer-lx p span{color: #fff;}
.gfmt-box p{color: #fff;}
.footer-ewm{font-size: 0;width: 75%;float: none;}
.footer-ewms{display: inline-block;width: 45%;margin-right: 10%;font-size: 14px;text-align: center;vertical-align: top;}
.footer-ewms:last-child{margin-right: 0;}
.footer-ewms p{color: #fff;font-size: 39px;line-height: 1.4em;margin-top: 20px;}
.footer-lx{padding-top: 0;/* width: 77%; */margin-bottom: 30px;width: 80%;}
.footer-bot{border-top: 1px solid #414141;margin-top: 70px;}
.footer-mid{width: 30%;}
.logo2{margin-bottom: 60px;}
/*index*/
.banner-con{position: absolute;left: 0;width: 100%;}

/*.swiper-slide0 .banner-con{top:10%;text-align: center;}*/

.bitem5 .banner-con{top:10%;text-align: center;}
.bitem5 .banner-text{margin-top: 3%;}

.bitem4 .banner-con{top:50%;transform: translateY(-50%);}
.bitem4 .banner-text{margin-left: 25%;width: 32%;}
.bitem4 .banner-text h2{color: #333;}

.bitem3 .banner-con{top:50%;transform: translateY(-50%);}
.bitem3 .banner-text{margin-left: 9%;margin-bottom: 8%;}

.bitem2 .banner-con{top:50%;transform: translateY(-50%);}
.bitem2 .banner-text{margin-left: 15%;width: 31%;}

.bitem1 .banner-con{top:50%;transform: translateY(-50%);}
.bitem1 .banner-text{margin-left: 15%;width: 32%;}

/*.swiper-slide6 .banner-con{top:50%;transform: translateY(-50%);}*/
/*.swiper-slide6 .banner-text{margin-left: 15%;width: 32%;}*/

.tsxx{display: block;border: 1px solid #00a4c5;text-align: center; position: relative;width: 200px;margin-top: 40px;z-index: 2;box-sizing: border-box;line-height: 80px;color: #fff;}
.tsxx:before{z-index: -1;content: '';position: absolute;left: 0;height: 100%;top:0;width: 0;transition: all .4s;background: #00a4c5;}
.tsxx:hover{color: #fff !important;}
.tsxx:hover:before{width: 100%;}
/*.banner .swiper-slide0 .tsxx{margin: 36% auto 0;}*/
.banner .bitem5 .tsxx{margin: 22% auto 0;color: #333;}
.bitem5 .tsxx{color: #333;}
.bitem4 .tsxx{color: #333;}
.bitem3 .tsxx{color: #fff;}
.bitem1 .tsxx{color: #333;}





.banner-text h1{font-size: 84px;color: #fff;margin-bottom: 40px;}
.banner-text h2{font-size: 60px;color: #fff;}
.banner-text h3{font-size: 50px;color: #fff;line-height: 1.6em;}
.bannerNum{position: absolute;z-index: 9;right: 0;bottom:100px;}
.bannerNum div{display: inline-block;vertical-align: middle;line-height: 1em;}
.all,.xie{color: rgba(255,255,255,.5);font-size: 50px;}
.bannerNum-left div{font-family: dincondregular;vertical-align: bottom;}
.zhuan{position: relative;z-index: 9;}
.cur{font-size: 80px;color: #fff;margin-bottom: -3px;}
.bannerNum-right{background: #c2c4c6;width: 400px;margin-left: 18px;height: 2px;}
.zhuan-l{position: absolute;left: 0;height: 100%;width: 86px;border-right: 1px solid #787879;z-index: 9;}
/*.area{margin-left: 86px;}*/
.zhuan-a{display: flex;flex-direction: column;height: 100%;}
.zhuan-a a{position: relative;height: 50%;width: 100%;display: flex;justify-content: center;align-items: center;border-bottom: 1px solid #ccc;flex-wrap: wrap;flex-direction: column;background: rgba(209,209,209,.4);color: #fff;}
.zhuan-a a img{vertical-align: bottom;width: 21px;
    filter: invert(1);
}
.zhuan-a a:last-child{border-bottom: none;}
.zhuan-a a:before{content: '';display: block;width: 18px;height: 18px;box-sizing: border-box;border:1px solid #fff;border-radius: 100%;margin-bottom: 34px;}
.zhuan-a a.active:before{background: #00a4c5;border-color: #00a4c5;}
.zhuan-a a.active{background:#fff;}
.zhuan-a a.active img{filter: invert(0);}

.btn-style-page{width: 284px;position: absolute;z-index: 9;top:0;height: 100%;}
.btn-style-left{left: 0;}
.btn-style-right{right: 0;}
.btn-styles{position: absolute;z-index: 9;width: 84px;height:84px;top:50%;cursor: pointer;margin-top: -42px;}
.btn-style-left .btn-styles{background-image: url('/images/btn3.png');left:50%;transform: translateX(-50%);}
.btn-style-right .btn-styles{background-image: url('/images/btn4.png');right:50%;transform: translateX(50%);}
.btn-shadows{position: absolute;width: 100%;height: 100%;top:0;z-index: 7;opacity: 0;transition: all .4s;}
.btn-style-left .btn-shadows{left: 0;background-image: linear-gradient(to right, #fff ,rgba(125,125,125,0));}
.btn-style-right .btn-shadows{right: 0;background-image: linear-gradient(to right, rgba(125,125,125,0) , #fff);}
.btn-style-page:hover .btn-shadows{opacity: 0.5;}

.areaBtn .btn-style-left{left: 87px;}


.area-text{margin-left: 720px;}
.zhuan-l:before{content: '';height: 86px;width: 100%;top:-86px;background: url("/images/down.png") no-repeat center;background-size: cover;left: 0;position: absolute;}
.sp-con h1{font-size: 70px;color: #fff;}
.sp-con p{color: #e8e8e8;width: 1620px;margin: 60px auto 100px;max-width: 100%;}
.play{width: 120px;height: 120px;margin: 0 auto 300px;background: url("/images/play.png") no-repeat center;background-size: cover;cursor: pointer;position: relative;transition: all .4s;}
/*.play:before{content: '';position: absolute;left: 0;top:0;width: 100%;height: 100%;border:1px solid #00a4c5;box-shadow: 0 1px 4px #00a4c5;border-radius: 100%;box-sizing: border-box;opacity: 0;transition: all .4s;}*/
.play:hover{box-shadow: 0 0 14px #fff;border-radius: 100%;}
.tolong{position: absolute;left: 0;height: 100%;top:0;background: #00a4c5;width: 100%;min-height: 2px;}
.tolong.active{animation: tolong 5.3s linear both;}
@keyframes tolong {
    0%{width: 0;}
    100%{width: 100%;}
}
.area-text1 h2{font-size: 80px;font-family: futurabtbook;color: #fff;margin-bottom: 10px;}
.area-text1 h3{font-size: 46px; color: #00a4c5;}
.area-text2{margin: 120px 0;}
.area-text2 p{color: #fff;}
.swiper-slide0 .area-text1 h2{color: #333;}
.swiper-slide0 .area-text2 p{color: #333;}
.swiper-slide2 .area-text1 h2{color: #333;}
.swiper-slide2 .area-text2 p{color: #333;}
.tansuo{color: #00a4c5;display: inline-block;border-bottom: 1px solid #00a4c5;padding-bottom: 16px;}
.sptc{position: fixed;z-index: 99999;background: rgba(0,0,0,0.5);left: 0;right: 0;top: 0;bottom:0;display: none;}
.video_t{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: 2000px;max-width: 90%;}
.video_t a{position: absolute;width: 76px;height:76px;right: -38px;top:-38px;z-index: 9;}
.video_t a img{width: 100%;vertical-align: bottom;}
.video_t video{width: 100%;vertical-align: bottom;}
.tjjj{position: absolute;left: 180px;top:120px;font-weight: bold;color: #fff;font-size: 60px;z-index: 15;}
.yblist{overflow: hidden;height: 1638px;background: #000;}
.yblist li{height: 1638px;float: left;width: 6%;position: relative;overflow: hidden;}
.yblist li a{position: absolute;width: 100%;height: 100%;top:0;left: 0;}
.ybtitle{position: absolute;text-align: center;background: rgba(0,0,0,.7);z-index: 9;cursor: pointer;}
.ybtitle-con{width: 1em;display: inline-block;font-size: 50px;color: #fff;line-height: 1em;}
.yblist li.active{width: 70%;}
.yblist li.active a{z-index: 12;}
.yblist li.active .ybtitle{opacity: 0;}
.ybms{position: absolute;left: -100%;top:50%;transform: translateY(-50%);background: rgba(0,0,0,.7);opacity: 0;transition: all .4s;}
.yblist li.active .ybms{left: 0;opacity: 1;}
.spPage{display: none;}
.swiper-page-position{position: absolute;left: 0;width: 100%;bottom:10px;z-index: 9;}
.ybms-con{padding: 70px 190px;}
.ybms h3{color: #fff;font-size: 50px;margin-bottom: 50px;}
.ybms p{color: #fff;font-size: 36px;}
.title60 h2{font-size: 60px;color: #000;font-weight: bold;}
.title60{margin-bottom: 80px;}
.more{position: absolute;right: 0;bottom:0;font-size: 38px;font-family: dincondregular;padding-right: 20px;line-height: 1em;}
.more:after{content: '';width: 15px;height: 13px;position: absolute;bottom:0;right: 0;background: url("/images/more.png") no-repeat center;background-size: cover;}
/*.news .img100 img{filter: grayscale(1);}*/
.news a{display: block;margin:0 20px 40px 10px;transition: all .4s;}
/*.news a:hover .img100 img{filter: grayscale(0);}*/
.news a:hover h3{color: #00a4c5;}
.news a:hover{box-shadow: 8px 10px 20px 2px rgba(102,102,102,.5);}
.new li:hover{box-shadow: 8px 10px 20px 2px rgba(102,102,102,.5);}
.new{font-size: 0;}
.new li{display: inline-block;vertical-align: top;width: 30%;margin-right: 5%;font-size: 32px;margin-bottom: 3.5%;transition: all .4s;}
.new li:nth-child(3n){margin-right: 0;}
.new-con{background: #fff;padding: 70px;}
.new-con h3{font-size: 50px;color: #333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.new-con span{font-size: 40px;color: #00a4c5;font-family: dincondregular;margin: 24px 0;display: block;}
.new-con p{color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
/*.new li .img100 img{filter: grayscale(1);}*/
/*.new li:hover .img100 img{filter: grayscale(0);}*/
.new li:hover h3{color: #00a4c5;}
.tjjjimgs{transition: all .4s;}
.tjjjimgs.active{z-index: -1;opacity: 0;}
.jtsp video{width: 100%;vertical-align: bottom;}
.jtsp{cursor: pointer;opacity: 0;}
.jtsp.active{opacity: 1;}

/*2走进北京体育频道3*/
.ban{overflow: hidden;min-height:180px;}
.ban-con{position: absolute;width: 100%;left: 0;bottom:28%;}
.ban-des h1{color: #fff;font-size: 100px;font-family: dinblackitalic;margin-bottom: 20px;position: relative;text-transform: uppercase;}
.ban-des h1:before{position: absolute;content: '';top:50%;width: 10000px;right: 100%;border-top: 3px solid #fff;opacity: 0.8;margin-right: 130px;}
.ban-des h2{color: #fff;font-size: 58px;font-weight: bold;}
.jwjt-con{width: 57.5%;}
.title50{margin-bottom: 120px;}
.title50 h2{font-size: 50px;color: #333;}
.jwjt-des{margin-bottom: 310px;}
.jwjt-des p{color: #666;min-height: 1em;}
.gitied{font-size: 0;}
.gitied li{display: inline-block;vertical-align: top;font-size: 32px;width: 32%;margin-right: 2%;}
.gitied li:last-child{margin-right: 0;}
.gitied-top{color: #333;}
.gitied-top span{color: #00a4c5;font-size: 120px;font-family: dinmedium;}
.gitied p{color: #333;margin-top: 30px;}
.jwjtbox{z-index: 2;}
.jwbg{width: 44%;right: 0;bottom:0;z-index: -1;position: absolute;}
.title50-fff h2{color: #fff;}
.year{font-size: 70px;color: #fff;font-family: dincondregular;margin-bottom: 20px;}
.history-txt p{color: rgba(255,255,255,.6);font-size: 26px;}
.history-txt{width: 288px;}
.history .swiper-slide:nth-child(9n) .history-txt{width: auto;}
.history .swiper-slide:last-child .history-txt{width: auto;}
.history .swiper-slide{height: 900px;}
.hiscon{overflow: auto;padding-left: 30px;}
.swiper-slide.even .hiscon{margin-top: 504px;}
.history:before{content: '';position: absolute;width: 100%;top:50%;left: 0;border-top: 2px solid #b8c4cd;}
.history-line{position: absolute;left: 8px;border-left: 2px solid #b8c4cd;}
.history-line:before{content: '';width: 12px;height: 12px;border:2px solid #fff;border-radius: 100%;position: absolute;left: -9px;}
.swiper-slide.odd .history-line{top:14px;bottom:50%;}
.swiper-slide.odd .history-line:before{top:-14px;}
.swiper-slide.even .history-line{top:50%;height: 90px;}
.swiper-slide.even .history-line:before{bottom:-14px;}
.hisBtn div{position: absolute;width: 64px;height: 64px;cursor: pointer;top:50%;margin-top: -32px;border-radius: 100%;background-color: #00a4c5;}
.hisBtn div:before{position: absolute;width: 80%;height: 80%;top:10%;left: 10%;content: '';transition: all .3s;}
.hisBtn1{left: -70px;}
.hisBtn2{right: -70px;}
.hisBtn1:before{background-image: url("/images/btn3.png");}
.hisBtn2:before{background-image: url("/images/btn4.png");}
.hisBtn div.swiper-button-disabled{cursor: default;opacity: 0.8;}
.abouttip{width: 370px;height: 49px;position: absolute;left: 50%;top:-48px;margin-left: -185px;}
.abouttip .i{width: 29px;height: 15px;background: url("/images/bot29.png") no-repeat center;background-size: cover;position: absolute;bottom:10px;left: 50%;margin-left: -15px;}
.fzls{z-index: 3;}
.shili{z-index: 4;}
.wenhua{z-index: 5;}
.fzls .abouttip{background-image: url("/images/abouttip.png");}
.shili .abouttip{background-image: url("/images/shilitip.png");}
.wenhua .abouttip{background-image: url("/images/whtip.png");}
.hiscon:hover .year{color: #24c6e6;}
.hiscon:hover .history-txt p{color: #fff;}
.hiscon:hover .history-line:before{border-color: #24c6e6;}
.shili-top{width: 78%;margin-bottom: 100px;}
.shili-top li{display: none;}
.shili-top h3{color: #00a4c5;font-size: 50px;margin-bottom: 90px;}
.shili-top p{color: #fff;}
.shili-top-con{height: 500px;overflow: auto;}
.shili-bot{display: flex;}
.shili-bot li{width: 33.33%;position: relative;}
.shili-bot-con{position: relative;z-index: 4;padding: 70px;}
.shili-bot-con h4{color: #fff;font-size: 40px;margin-bottom: 30px;}
.shili-bot-con p{color: #fff;}
.shili-bot .i{filter: grayscale(1);}
.shili-bot li.active .i{filter: grayscale(0);}
.shili-bot li:hover .i{filter: grayscale(0);}
.whcon{background: rgba(0,0,0,.5);border-radius: 20px;padding: 120px 80px;margin-right: 32px;}
.wh-page{margin-bottom: 90px;}
.wh-page:last-child{margin-bottom: 0;}
.wh-page h3{font-size: 40px;color: #00a4c5;margin-bottom: 25px;}
.wh-page p{color: #fff;}
/*2.1新闻中心*/
.nav-nrs{text-align: center;margin-bottom: 100px;white-space: nowrap;overflow: auto;font-size: 0;}
.nav-nrs p{font-size: 32px;color: #333;margin-top: 20px;}
.nav-nrs a{display: inline-block;vertical-align: top;width: 16.66%; position:relative;}
.nav-nrs a:before{content: '';position: absolute;height: 90%;top: 5%;right: 0;border-right: 1px solid #ddd;}
.nav-nrs a:last-child:before{display:none;}

.nav-nrs img{width: 160px;max-width: 100%;filter: grayscale(1);}
.nav-nrs a.active p{color: #00a4c5;}
.nav-nrs a.active img{filter: grayscale(0);}
.nav-nrs a:hover p{color: #00a4c5;}
.nav-nrs a:hover img{filter: grayscale(0);}
.page{text-align: center;font-size: 0;margin-top: 60px;}
.page a,.page input{font-size: 39px;line-height: 78px;border:1px solid #e7e7e7;color: #999;display: inline-block;padding: 0 32px;margin: 0 12px;background: #fff;vertical-align: middle;}
.page a.active{background: #00a4c5;color: #fff;border-color: #00a4c5;}
.page a:hover{background: #00a4c5;color: #fff;border-color: #00a4c5;}
.page input{width: 80px;text-align: center;}

/*2.2新闻中心详细*/
.bgfff{background: #fff;}
.xwxqleft{width: 73.5%;box-sizing: border-box;padding: 100px 70px;}
.xqxqtop{padding-bottom: 40px;}
.xqxqtop h1{font-size: 60px;color: #333;margin-bottom: 50px;}
.fbsj{color: #333;line-height: 50px;margin-right: 35px;}
.fbsj span{color: #333;font-size: 42px;font-family: dincondregular;vertical-align: middle;display: inline-block;margin-top: -2px;}
.share-list span{display: inline-block;vertical-align: middle;line-height: 24px;color: #333;}
.share-list.bdsharebuttonbox a{display: inline-block;vertical-align: middle;width: 50px;height: 50px;float: none;padding: 0;margin: 0 30px 0 0;}
.share-list.bdsharebuttonbox a:last-child{margin-right: 0;}
.share-list .weixin{background-image: url("/images/weixin.png");}
.share-list .tsina{background-image: url("/images/weibo.png");}
.share-list .qzone{background-image: url("/images/qqzone.png");}
.xwxqedited{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;padding: 50px 0;}
.xwxqedited img{display: block;margin: 50px auto;max-width: 100%;height:auto !important;}
.xwxqedited p{color: #666;text-indent: 2em;}
.xwxqpage-box{margin-top: 50px;}
.xwxqpage a{max-width: 48%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #666;position: relative;}
.xwxqpage a:hover{color: #e60012;}
.xwxqpage a:before{width: 25px;height: 28px;content: '';position: absolute;top:50%;transform: translateY(-50%);}
.xwxqpage a.fl{padding-left: 50px;}
.xwxqpage a.fl:before{left: 0;background-image: url("/images/syp.png");}
.xwxqpage a.fr{padding-right: 50px;}
.xwxqpage a.fr:before{right: 0;background-image: url("/images/xyp.png");}
.fh{position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);width: 235px;line-height: 73px;background: #00a4c5;text-align: center;border-radius: 10px;color: #fff;}
.fh:before{display: inline-block;content: '';width: 40px;height: 35px;background: url("/images/fh.png") no-repeat center;background-size: cover;vertical-align: middle;margin-right: 25px;margin-top: -4px;}
.xwxqright{width: 24%;}
.xwxqright h2{background: #00a4c5;color: #fff;line-height: 210px;padding-left: 166px;}
.xwxqright img{position: absolute;top:50%;transform: translateY(-50%);}
.re1{left: 78px;}
.rdhd-list{padding: 40px 78px 78px;border:1px solid #e6e6e6;border-top: none;}
.rdhd-list a{display: block;color: #333;font-size: 40px; line-height: 164px;position: relative;padding: 0 20px 0 90px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;border-bottom: 1px dashed #ccc;}
.rdhd-list a:before{content: '';position: absolute;width: 22px;height: 22px;background: #e1e1e1;top:50%;margin-top: -11px;left: 20px;border-radius: 100%;}
.rdhd-list a:hover{color: #00a4c5;}
.rdhd-list a:hover:before{background: #00a4c5;}
/*3.1产品列表3*/
.bgfa{background: #fafafa;}
.pro-nav{overflow: auto;margin-bottom: 10px;}
.pro-nav::-webkit-scrollbar {width: 9px;height: 10px;}
.pro-nav::-webkit-scrollbar-thumb {background-color: #00a4c5;background-clip: padding-box;min-height: 28px;}
.pro-nav::-webkit-scrollbar-track-piece {background: #cccccc;}
.pro-navs{text-align: center;font-size: 0;white-space: nowrap}
.pro-navs a{display:inline-block;width: 16.66%;font-size: 32px; margin: 0 auto !important;position: relative}
.pro-navs a:before{content: '';position: absolute;height: 90%;top:5%;right: 0;border-right: 1px solid #ddd;}
.pro-navs a:last-child:before{display: none;}
.padding-tb100{padding: 100px 0;}
.pro-navs a p{margin-top: 20px;}
.pro-navs a.active p{color: #00a4c5;}
.pro-navs a:hover p{color: #00a4c5;}
.pro-navs a img{height: 300px;}
.pro li{background: #fff;margin-bottom: 108px;}
.pro .img100{width: 45%;position: relative;cursor: pointer;}
.pro .img100:before{content: '';position: absolute;width: 54px;height: 54px;background: url("/images/play54.png") no-repeat center;background-size: cover;top:50%;left: 50%;margin: -27px 0 0 -27px;z-index: 5;}
.pro .img100 img{transition: all .4s;}
.pro .img100:hover img{transform: scale(1.1);}
.pro li{display: block;position: relative;overflow: hidden;}
.pro li:nth-child(even) .img100{float: right;}
.pro-con{position: absolute;height: 100%;top:0;width: 48%;text-align: center;}
.pro-warp{display: inline-block;text-align: left;}
.pro-warp h2{font-size: 60px;color: #333;margin-bottom: 20px;}
.pro-warp p{font-size: 46px;color: #999;margin-bottom: 200px;}
.pro li:nth-child(odd){background: #e9f1f2;}
.pro li:nth-child(odd) .pro-con{right: 0;}
.pro li:nth-child(even) .pro-con{left: 0;}
/*3.2产品详细*/
.xqb{padding-top: 300px;}
.xqb-img{width: 44.5%;}
.xqb-con{width: 42%;padding-top: 200px;}
.xqtitle60 h2{font-size: 60px;color: #00a4c5;margin-bottom: 60px;}
.xqtitle60 p{font-size: 40px;color: #666;}
.xqb-con .xqtitle60 h2{margin-bottom: 120px;}
.xqtitle60-fff p{color: #fff;opacity: 0.8;}
.xqc li{float: left;width: 50%;position: relative;}
.xqc-con{margin: 80px 160px;}
.gprs{height: 1460px;}
.gprs p{width: 1520px;margin: 0 auto;max-width: 100%;}
.xqc2 .xqc-con{padding-top: 80px;}
/*6.1样板工程*/
.anli li .img100 img{filter: none;}
.anli-texts{font-size: 40px;margin-bottom:20px;color: #333;transition: all .4s;}
.anli-texts:nth-child(2){font-size: 32px;}
.ckxx{width: 228px;line-height: 86px;text-align: center;border:1px solid #ccc;color: #333;margin-top: 50px;transition: all .4s;}
.anli li:hover .ckxx{color: #00a4c5;border-color: #00a4c5;}
.anli li:hover .anli-texts:nth-child(1){color: #00a4c5;}
/*6.2样板工程详细*/
.alxq{position: absolute;width: 72%;height: 100%;top:0;left: 0;}
.alxq-con{height: 1642px;width: 28%;background: #00a4c5;padding: 0 110px;box-sizing: border-box;}
.alxq-top{margin-bottom: 160px;}
.alxq-top h2{font-size: 70px;font-weight: bold;color: #fff;margin-bottom: 30px;}
.alxq-top h3{font-size: 50px;color: #fff;margin-bottom: 50px;}
.alxq-top p{font-size: 40px;color: #fff;position: relative;padding-left: 80px;}
.alxq-top p:before{content: '';position: absolute;width: 43px;height: 51px;background: url("/images/dw.png") no-repeat center;background-size: cover;left: 0;top:50%;transform: translateY(-50%);}
.xmgy{margin-bottom: 120px;}
.xmgy h3{font-size: 50px;color: #fff;margin-bottom: 60px;}
.xmgy p{color: #fff;text-align: justify;}
.alxq-con .share-list span{color: #fff;}
.title60-normal h2{font-weight: normal;}
.recon .swiper-slide{transform: scale(0.75);}
.recon .swiper-slide.ready{transition: all .4s;}
.recon .swiper-slide-active{transform: scale(1);}
.recon .swiper-slide a{display: block;position: relative;}
.recon p{position: absolute;left: 0;bottom:0;text-align: center;font-size: 40px;color: #fff;line-height: 140px;width: 100%;background: rgba(0,0,0,.8);}
.swiper-page-style{margin-top: 85px;}
.swiper-page-style .swiper-pagination-bullet{opacity: 1;width: 20px;height: 20px;background: #cbcbcb;margin: 0 18px;}
.swiper-page-style .swiper-pagination-bullet-active{background: #00a4c5;}
/*7.4门店查询*/
.scrollBar::-webkit-scrollbar {width: 9px;height: 6px;}
.scrollBar::-webkit-scrollbar-thumb {background-color: #00a4c5;background-clip: padding-box;min-height: 28px;}
.scrollBar::-webkit-scrollbar-track-piece {background: #cccccc;}
.xzdzhi{border-bottom: 1px solid #e6e6e6;position: relative;z-index: 5;margin-bottom: 180px;padding-bottom: 60px;}
.xzdzhis{width: 30%;margin-right: 8%;background: #f0f0f0; float: left;position: relative;line-height: 126px;cursor: pointer;}
.xzdzhis-ss{background: #00a4c5;}
.xzdzhis:last-child{margin-right: 0;width: 24%;}
.sf{position: absolute;text-align: right;top:0;left: 0;width: 350px;font-size: 40px;color: #808080;}
.sl-val{height: 126px;text-align: center;color: #0d0f0e;font-size: 40px;}
.sl-list{position: absolute;left: 0;top:126px;width: 100%;background: #f7f7f7;max-height: 252px;overflow: auto;display: none;}
.sl-list a{display: block;text-align: center;font-size: 40px;}
.sl-list a:hover{background: #00a4c5;color: #fff;}
.xzdzhis:after{width: 40px;height: 24px;content: '';position: absolute;background: url("/images/bot40.png");top:50%;margin-top: -12px;right: 50px;display: none;transition: all .4s;}
.xzdzhis.active:after{transform: rotate(180deg);}
.xzdzhis:first-child:after{display: block;}
.shop-l{width: 30%;}
.shop-top{border-bottom: 1px solid #c8c8c8;font-size: 46px;font-weight: bold;color: #0d0f0e;line-height: 170px;margin-right: 38px;margin-bottom: 35px;}
.shop-list{height: 1160px;overflow: auto;}
.shop-list ul{margin-right: 35px;}
.shop-list li{border-bottom: 1px solid #c8c8c8;padding: 50px 0;cursor: pointer;}
.shop-list h5{color: #0d0f0e;font-weight: bold;font-size: 40px;padding-left: 100px;transition: all .4s;margin-bottom: 30px;}
.shop-list li.active h5{color: #00a4c5;}
.shop-list li:hover h5{color: #00a4c5;}
.shop-list p{position: relative;color: #999;padding-left: 100px;margin-top: 5px;font-size: 40px;}
.shop-list p:before{content: '';width: 42px;height: 42px;position: absolute;left: 20px;top:15px;}
.shop-add:before{background-image: url("/images/shop1.png");}
.shop-list p.shop-tel:before{background-image: url("/images/shop2.png");}
.shop-r{position: absolute;width: 66%;height: 100%;left: 0;top:0;}
.xzdzhis .text{display:block;height:126px;width:100%;text-indent: 1em;background: none;font-size: 40px;}
.sousuo{display:block;line-height:126px;width:100%;text-align:center;font-size: 40px;color: #fff;}
/*7.5联系我们*/
.lxwm-map{position: absolute;top:0;height: 100%;left: 0;right: 1015px;}
.lxwm-con{width: 1015px; float: right;}
.lxwm-warp{padding: 90px;}
.lxwm-warp p{font-size: 46px;color: #333;}
.lxwm-warp .img1{position: absolute;top:6px;left: 0;}
.iconbox{padding-left: 90px;position: relative;margin-bottom: 20px;}
.lxwm-warp h2{font-family:markpromedium;font-size: 50px;color: #333;border-bottom: 2px solid #eee;padding-bottom: 42px;margin-bottom: 90px;position: relative;}
.lxwm-warp h2:before{content: '';position: absolute;left: 0;bottom:-2px;width: 64px;border-bottom: 2px solid #00a4c5;}
.lxwm-warp h3{font-size: 50px;color: #00a4c5;font-weight: bold;margin-bottom: 80px;}
.iconbox-gzh{margin-top: 50px;}
.iconbox-gzh p,.iconbox-gzh .img100{display: inline-block;vertical-align: middle;}
.iconbox-gzh .img100{width: 240px;}
.iconbox-gzh .img1{top:50%;margin-top: 0;transform: translateY(-50%);}
/*8.1工作环境2*/
.view{width: 75%;height: 1440px;}
.preview{position: absolute;right: 0;top:0;width: 25%;height: 100%;}
.pc-slide .swiper-container,.swiper-container1{height: 100%;}
.padding-b240{padding-bottom: 240px;}
.view p{font-size: 60px;color: #fff;text-align: center;width: 100%;bottom:0;left: 0;line-height: 140px;background: rgba(0,0,0,.5);position: absolute;}
.preview .swiper-slide:before{content: '';position: absolute;left: 0;top:0;width: 100%;height: 100%;transition: all .4s;z-index: 3;}
.preview .swiper-slide.active-nav:before{background: rgba(255,255,255,.5);}
.hjBtn div{position: absolute;width: 140px;height: 140px;left: 50%;margin-left: -70px;background-color: rgba(0,0,0,.8);cursor: pointer;border-radius: 100%;z-index: 5;}
.hjBtn1{top:-70px;background-image: url("/images/btn138-1.png");}
.hjBtn2{bottom:-70px;background-image: url("/images/btn138-2.png");}
/*品牌介绍2*/
.ppjs-body.headerStyle .header{background: none;box-shadow: none;}
.footer-slide{height: auto !important;}
.ppjs-right{position: fixed;z-index: 9999;right: 4%;top:50%;transform: translateY(-50%);}
.nav-er img{filter: grayscale(1);transition: all .3s;width: 160px;}
.ppjsBtn{width: 24px;height: 32px;cursor: pointer;margin:0 auto;}
.ppjsBtn1{background-image: url("/images/pinBtn1.png");margin-bottom: 50px;}
.ppjsBtn2{background-image: url("/images/pinBtn2.png");margin-top: 50px;}
.ppjs-pages{color: #fff;font-size: 42px;font-family: dinlight;line-height: 1em;}
.ppjs-line{border-bottom: 2px solid #fafafa;margin: 30px 0;}
.swiper-odd .pp-area-text{margin-left: 15%;}
.swiper-even .pp-area-text{margin-right: 15%; float: right;}
.pp-area-text h2 img{height: 50px;margin-left: 30px;margin-left: 0 !important; vertical-align: middle;}
.swiper-odd .area-text1 h2{color: #333;}
.swiper-odd .area-text2 p{color: #6c6c6c;}

/*8.2社会招聘2*/
.zw-l{width: 73%;}
.zw-r{width: 26%;}
.zw-top{padding: 70px;margin-bottom: 1.5%;}
.zwtitle{font-size: 50px;color: #00a4c5;}
.zwtitle img{height: 53px;vertical-align: middle;margin-right: 38px;margin-top: -4px;}
.zwsx .share-list{position: absolute;right: 0;top:0;}
.sszw{border:1px solid #e5e5e5;margin: 60px 0;}
.sszw .text{display: block;height: 87px;width: 100%;text-indent: 1em;}
.sswz-a{position: absolute;right: 0;height: 100%;top:0;background: #00a4c5;width: 290px;line-height: 87px;text-align: center;color: #fff;}
.choose-page{float: left;width: 23.5%;margin-right: 2%;position: relative;border:1px solid #939393;border-radius: 8px;box-sizing: border-box;}
.choose-page:last-child{margin-right: 0;}
.choose-val{line-height: 93px;margin-right: 70px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding-left: 50px;}
.choose-list{position: absolute;width: 100%;border:1px solid #939393;left: -1px;top:97px;border-radius: 8px;background: #fff;display: none;}
.choose-list a{display: block;line-height: 90px;padding: 0 50px;max-height: 450px;overflow: auto;}
.choose-list a:hover{background: #00a4c5;color: #fff;}
.choose-page:after{content: '';position: absolute;width: 18px;height: 16px;background: url("/images/dbx18.png") no-repeat center;background-size: cover;right: 30px;top:50%;margin-top: -8px;}
.choose-page.active:after{transform: rotate(180deg);}
.choose-page:nth-child(1){z-index: 5;}
.choose-page:nth-child(2){z-index: 4;}
.choose-page:nth-child(3){z-index: 3;}
.choose-page:nth-child(4){z-index: 2;}
.zw-list a{display: block; padding: 40px 70px 0;}
.zw-list h3{font-size: 40px;color: #333;position: relative;}
.zw-list span{color: #b8b8b8;display: inline-block;}
.zw-list p{border-bottom: 1px solid #ddd;color: #333;padding-bottom: 40px;}
.zw-gs{margin: 30px 0;}
.zw-gs span{margin-right: 45px;}
.zw-list .salary{color: #00a4c5}
.ji{position: absolute;left: 0;top:50%;transform: translateY(-50%);background: #ff0000;font-size: 26px;color: #fff;width: 40px;text-align: center;line-height: 40px;}
.zw-list  li.active h3{padding-left: 70px;}
.zw-list  li:hover{background: #f0f8f9;}
.zw-list  li:hover h3{color: #00a4c5;}
.zwfy{padding: 60px 70px 120px;}
.zxzw{padding: 70px;margin-bottom: 4%;}
.tjzw a{display: block;position: relative;font-size: 40px;color: #333;padding: 40px 0;}
.tjzw li{border-bottom: 1px dashed #ccc;}
.tjzw li.active a{padding-left: 80px;}
.tjzw a:hover{color: #00a4c5;}
.zxzw h2{margin-bottom: 30px;}

/*8.3社会招聘详细*/
.zw-time{font-size: 26px;color: #999;}
.zwcs{font-size: 0;}
.zwcs span,.zwcs div{display: inline-block;vertical-align: middle;font-size: 32px;color: #b8b8b8;}
.zwcss,.shu{margin-bottom: 20px;margin-right: 20px;}
.shu:last-child{display: none;}
/*.zwcss{width: 350px;}*/
.shu{}
.zwcss span:nth-child(2){color: #666;}
.zwxq .zw-list{margin: 20px 0 40px;}
.colorblue{color: #00a4c5 !important;}
.descript-page{margin-bottom: 80px;}
.descript-page .zwtitle{font-size: 32px;border-bottom: 1px solid #ededed;margin-bottom: 55px;padding-bottom: 40px;}
.descript-page .zwtitle img{height: 48px;}
.zwsx{margin-bottom: 70px;}
.descript-text p{color: #333;}
.lxfs{font-size: 0;}
.lxfs li{width: 33%;color: #666;display: inline-block;vertical-align: top;font-size: 32px;box-sizing: border-box;padding-left: 70px;position: relative;margin-bottom: 40px;}
.lxfs li img{position: absolute;top:-7px;left: 0;}
.sqzw{display: block;margin: 100px auto;width: 260px;line-height: 74px;color: #fff;background: #00a4c5;text-align: center;}
/*8.4社会招聘详细申请职位*/
.sq-page{float: left;width: 23.5%;margin-right: 2%;margin-bottom: 40px;position: relative;}
.sq-page:nth-child(4n){margin-right: 0;}
.sq-page span{display: block;margin-bottom: 40px;}
.sq-text{background: #f0f8f9;border-radius: 6px;}
.sq-text .text{display: block;width: 100%;text-indent: 1em;background: none;height: 76px;}
.sq-select{background: #f0f8f9;position: relative;}
.sq-val{height: 76px;padding: 0 1em;line-height: 76px;}
.sq-vals{max-height: 350px;overflow: auto;position: absolute;background: #f0f8f9;width: 100%;top:78px;left: 0;display: none;}
.sq-vals a{display: block;padding: 0 1em;line-height: 70px;}
.sq-select:after{content: '';position: absolute;width: 18px;height: 16px;background: url("/images/dbx18.png") no-repeat center;background-size: cover;right: 30px;top:50%;margin-top: -8px;}
.sq-select.active:after{transform: rotate(180deg);}
.sq-page:nth-child(2){z-index: 15;}
.sq-page:nth-child(3){z-index: 14;}
.sq-page:nth-child(7){z-index: 13;}
.sq-page-jl{width: 100%;}
.sq-page-jl .sq-text{width: 49%;position: relative;}
.sq-page-jl p{color: #666;margin-top: 1%;}
.sq-page-jl .sq-text .text{opacity: 0;}
.jianli{position: absolute;width: 100%;height: 100%;top:0;left: 0;text-indent: 1em;line-height: 76px;cursor: pointer;}
.sq-page-gr{width: 100%;}
.textarea{padding: 0.5em 1em;}
.textarea textarea{display: block;width: 100%;resize: none;height: 500px;background: none;}
.yzm span,.yzm img,.yzm input{display: inline-block;vertical-align: middle;height: 76px;line-height: 76px;}
.yzm input{background: #f6f6f6;text-indent: 1em;margin-right: 20px;}
.sale li{float: left;width: 48%;margin-right: 4%;border-radius: 18px;overflow: hidden;}
.sale li:last-child{margin-right: 0;}
.sale li a{display: block;position: relative;}
.sale-text{position: absolute;right: 60px;bottom:90px;}
.sale-text h3{color: #fff;font-size: 50px;}
.sale-text p{color: #fff;font-size: 40px;opacity: 0.5;}
.sale.col-3 li{width: 32%;margin-right: 2%;}
.sale.col-3 li:nth-child(3n){margin-right: 0;}
.maodian{position: absolute;top:-180px;left: 0;}
.sw0 h2 span{display: none;}
.sw1 h2 span{display: none;}
.margin-bot160{margin-bottom: 160px;}
.pro2 .img100{width: 50%;position: relative;cursor: pointer;}
.pro2 .img100:before{content: '';position: absolute;width: 54px;height: 54px;background: url("/images/play54.png") no-repeat center;background-size: cover;top:50%;left: 50%;margin: -27px 0 0 -27px;z-index: 5;}
.pro2 .img100 img{transition: all .4s;}
.pro2 .img100:hover img{transform: scale(1.1);}



.pro2-con{width: 50%;position: absolute;top:0;height: 100%;}
.pro2-warp{margin: 0 17%;}
.pro2 li:nth-child(even) .img100{float: right;}
.pro2 li:nth-child(odd) .pro2-con{right: 0;}
.pro2 li:nth-child(even) .pro2-con{left: 0;}
.pro2 .area-text1 h2{color: #000;}
.pro2 .area-text2 p{color: #333;}
.ss164{position: absolute;width: 164px;height: 164px;background: #fff;border-radius: 100%;left: 50%;top:50%;transform: translate(-50%,-50%);}
.ss164:before{content: '';position: absolute;top:10px;right: 10px;bottom:10px;left: 10px;background: #000;border-radius: 100%;}
.ss164:after{content: '';position: absolute;top:0;left: 0;width: 100%;height: 100%;background: url("/images/ss164.png") no-repeat center;background-size: cover;}
.w1800{width: 1800px;max-width: 92%;margin: 0 auto;}
.cpxq4-b-con{position: absolute;top:12%;left: 0;width: 100%;}
.cpxq4-b-warp{position: relative;}
.ppkt{position: absolute;top:50%;left: 10%;margin-top: -75px;}
.ktcs{font-size: 0;margin-left: 38%;}
.ktcs li{width: 18%;display: inline-block;vertical-align: top;font-size: 22px;text-align: center;padding: 0 1%;margin-bottom: 2%;}
.ktcs li img{width: 100px;max-width: 90%;}
.ktcs li p{color: #fff;}
.ppkt-top h2{color: #fff;font-size: 50px;margin-bottom: 20px;}
.ppkt-top p{color: #00a4c5;font-size: 40px;}
.cpxq4-c-con{width:520px;}
.cpxq4-text,.worktime{margin-bottom:60px;}
.cpxq4-text:last-child{margin-bottom: 0;}
.cpxq4-text p{font-size: 32px;color: #333;}
.worktime{border-bottom: 1px solid #b8b9bb;padding-bottom: 50px;}
.worktime li{display: inline-block;text-align: center;margin-right: 85px;}
.worktime li p{font-size: 40px;color: #333;}
.worktime li span{font-size: 120px;font-family: dincondregular;display:block;line-height:1em;}
.worktime li:nth-child(1) span{color: #00a4c5;}
.worktime li:nth-child(2) span{color: #ff0000;}
.sleeps{width: 50%;position: relative;}
.cpxq4-text-fff p{color: #fff;}
.sleep-con1{position: absolute;width: 92%;left: 4%;bottom:10%;}
.smms{font-size: 0;}
.smms li{font-size: 14px;display: inline-block;vertical-align: middle;margin: 0 50px;border:1px solid #9a9a9a;padding: 40px 30px;border-radius: 10px;box-sizing: border-box;}
.smms p{font-size: 26px;color: #fff;}
.sleep-con2{position: absolute;width: 92%;left: 4%;top:10%;}
.shusi{font-size: 0;}
.shusi li{font-size: 14px;display: inline-block;vertical-align: top;margin: 0 80px;}
.shusi p{font-size: 26px;color: #fff;}
.shusi  img{width: 80px;max-width: 100%;}
.glte p{font-size: 32px;color: #0075aa;margin: 15px 0;}
.glte p:nth-child(2){background: #0075aa;color: #fff;display: inline-block;border-radius: 58px;line-height: 58px;padding: 0 70px;}
.zxxx-con{position: absolute;bottom:50%;right: 30%;}
.zxxx-top h2{font-size: 50px;color: #fff;margin-bottom: 20px;}
.zxxx-top p{font-size: 32px;color: #fff;}
.kongtiao li{float: left;width: 25%;position: relative;}
.kt-con{position: absolute;width: 92%;left: 4%;top:16%;text-align: center;}
.kt-con p{color: #333;font-size: 36px;}
.cpxqban-con{position: absolute;width: 41.12%;left: 48%;top:22%;}
.cpxqban-con h2{color: #fff;font-size: 70px;text-transform: uppercase;margin-bottom: 6%;}
.areaPage{display: none;}
.bx-page{float: left;width: 32%;margin-right: 2%;}
.bx-page select{width: 100%;background: none;font-size: 32px;text-indent: 1em;}
.bx-page:last-child{margin-right: 0;}
.bx-border{border:1px solid #aaa;}
.bx-input .text{display: block;background: none;width: 100%;text-indent: 1em;}
.bx-page select,.bx-input .text,.bx-border,.getcode,.bxtj{height: 100px;line-height: 100px;}
.bxbd-dxbtn,.bx-border,.bxbdtext{margin-bottom: 50px;}
.bxbd-dxbtn input{width: 30px;height: 30px;margin-right: 5px;}
.bxbdtext{font-size: 36px;}
.bx-textarea textarea{display: block;resize: none;width: 100%;height: 200px;background: none;}
.bx-textarea{height: auto !important;padding: 1em;}
.bxbd-dxbtn span{margin-right: 20px;}
.getcode-box{display: block;text-align: center;color: #0075aa;border-color: #0075aa;}
.getcode-box input{text-align: center;color: #0075aa;cursor: pointer;}
.bxbdtext1{font-size: 42px;}
.bxtj{display: block;text-align: center;border:1px solid #0075aa;color: #0075aa;}
.ques{margin-bottom: 120px;}
.bx-last-page .bx-page{width: 400px;}
.ques .margin-lr200{border-bottom: 1px solid #dcdcdc;}
.ques-top h3{font-size: 40px;color: #333;transition: all .4s;margin-right: 100px;}
.ques-con p{color: #666;}
.ques-con{display: none;margin-bottom: 60px;}
.ques-top{position: relative;cursor: pointer;padding: 60px 0;}
.ques-top .i{position: absolute;right: 0;top:50%;transform: translateY(-50%); width: 52px;height: 52px;transition: all .4s;}
.ques-top .i:before{content: '';position: absolute;height: 4px;width: 100%;left: 0;top:50%;margin-top: -2px;background: #575757;}
.ques-top .i:after{content: '';position: absolute;width: 4px;left: 50%;height: 100%; top:0;margin-left: -2px;background: #575757;}
.ques li.active{background: #fff;}
.ques li.active .margin-lr200{border-color: #fff;}
.ques li.active .i{transform:translateY(-50%) rotate(45deg);}
.ques li.active h3{color: #00a4c5;}
.ques-top:hover h3{color: #00a4c5;}
.getcode-box img{position: absolute;height: 100%;top:0;left: 0;width: 100%;cursor: pointer;}
.getcode-box{position: relative;}
.shuofei-table table{table-layout: fixed;float: none;}
.shuofei-table td,.shuofei-table th{ border:1px solid #d9d9d9;font-size: 46px;font-weight: normal;padding: 20px 2px;color: #333;}
.shuofei-table .th{background: #8fa3aa;color: #fff;}
.shuofei-table .sm{font-size: 32px;}
.first th:nth-child(1){width: 10%;}
.first th:nth-child(2){width: 20%;}
.first th:nth-child(3){width: 10%;}
.first th:nth-child(4){width: 60%;}
.text-left{text-align: left;}
.shuofei-table p{padding: 0 40px;}
.ppjs7-page{height: 1594px;margin-top: -1px;}
.ppjs7-page1,.ppjs7-page5,.ppjs7-page9{height: 1778px;}
.ppjs7-ban-con img{width: 412px;}
.ppjs7-ban-con h2{font-size: 46px;color: #00a4c5;margin: 60px 0 120px;}
.ppjs7-ban-con p{color: #6c6c6c;}
.ppjs7-ban-con a{margin-top: 100px;}
.colorfff .ppjs-list h2{color: #fff;}
.colorfff .ppjs-list h3{color: #fff;}
.colorfff .ppjs-list h4{color: #fff;}
.colorfff .ppjs7-con p{color: #fff;}
.colorfff .ppjs7-con .yw{color: #fff;}
.colorfff .ppjs7-con .h3{color: #fff;}
.colorfff .ppjs-list h2:before{border-color: #d7d7d7;}
.ppjs-list{margin-bottom: 160px;}
.ppjs-list:nth-child(2){margin-bottom: 0;}
.ppjs-list h2{color: #333;text-transform: uppercase;font-size: 80px;position: relative;font-family: markpromedium;}
.ppjs-list h2:before{content: '';position: absolute;width: 210px;top:50%;border-top: 2px solid #333;left: -270px;margin-top: -1px;}
.ppjs-list h3{color: #333;font-size: 60px;margin-bottom: 60px;}
.ppjs-list h4{color: #333;font-size: 46px;margin-bottom: 30px;}
.ppjs-list h4.en{font-family: dincondbold;text-transform: uppercase;}
.ppjs-list p{color: #333;}
.ppjs7-bot{display: flex;justify-content: space-between;margin-top: 160px;}
.ppjs7-bot li{text-align: center;margin-right: 5%;}
.ppjs7-bot li:last-child{margin-right: 0;}
.ppjs7-bot .yw{color: #333;text-transform: uppercase;font-size: 50px;font-family:dincondbold;margin-bottom: 20px;}
.ppjs7-bot .h3{color: #333;font-size: 46px;margin-bottom: 20px;}
.ppjs7-bot .h3 span{color: #00a4c5;}
.ppjs7-bot p{color: #333;}
.ppjs7-bot .img1{width: 114px;margin-bottom: 30px;}
.ppjs7-page3 .middle-inner{vertical-align: bottom;padding-bottom: 140px;}
.ppjs7-page5 .ppjs7-ban-con img{width: 559px;}
.ppjs7-bot.text-left li{text-align: left;}
.ppjs7-page7 .ppjs7-bot{width: 60%;}
.zgnt{font-size: 120px;color: #333;margin-bottom: 70px;}
.zgnt-text{width: 800px;max-width: 100%;}
.nav-er-list{display: inline-block;}
.san{position: absolute;width: 100%;left: 0;background: #fff;border-top: 1px solid #efefef;box-sizing: border-box;top:100%;transform-origin: top center;transform: scaleY(0);transition: all .4s;}
.san a{display: inline-block;padding: 20px;vertical-align: bottom;}
.san a img{width: 110px;height: auto !important;filter: grayscale(1);transition: all .3s;}
.san a:hover{background: #f3f3f3;}
.san a:hover img{filter: none;}
.nav-er-list:hover .san{transform: scaleY(1);}
.qxppqus{display: none;}
.back{display: block;width: 170px;line-height: 60px;background: #fff;border-radius: 8px;text-align: center;margin-top: 40px;color: #0075aa;}
.back:after{content:'';display: inline-block;width: 42px;height: 42px;background: url("/images/fanhui.png") no-repeat center;background-size: cover;margin-left: 10px;vertical-align: middle;margin-top: -4px;}
.entry{position: absolute;width: 198px;top: 240px;z-index: 99;right: 90px;}
.footer-list .gfmt p{position: relative;padding-right: 0;}
/*.ewm{position: absolute;right: 100%;bottom:-20px;width: 282px;margin-right: 24px;border-radius: 24px;display: none;}*/
.ewm{width: 175px;margin-bottom: 10px;}
/*.ewm img{border-radius: 24px;}*/
/*.ewm:after{content: '';position: absolute;width: 0;height: 0;border:12px solid transparent;left: 100%;border-left-color: #fff;bottom:30px;}*/
.gfmts:hover .ewm{display: block;}
.gfmts{display:inline-block;text-align: center;}
.gfmts:nth-child(2){margin-left: 30px;}


.bitain{position: absolute;top:0;right: 100%;margin-right: 5px;color: #f00;line-height: 102px;}
.bxbd-dxbtn .bitain{line-height: 41px;}
.nav.fl li:nth-child(3) .nav-er img{width: auto !important;height: 140px;}
.qxpp-nav .nav-nrs{margin-bottom:0 !important;padding: 60px 0;}
.qxpp-nav .nav-nrs a{width: auto;padding:40px 100px;}
.qxpp-nav .nav-nrs img{width: auto !important;height: 160px;}
.qxpp-nav .nav-nrs a:hover{background: #f3f3f3;}





.bgf5{background: #f5f5f5;}
.ss-box{height: 820px;}
.ss-con{width: 1270px;max-width: 100%;margin: 0 auto 100px;border-radius: 20px;overflow: hidden;}
.ss-con .text{display: block;width: 100%;height: 120px;text-indent: 1em;}
.ss-sb{position: absolute;width: 150px;height: 100%;background: url("/images/ss.png") no-repeat center;background-size: cover;cursor: pointer;top:0;right: 0;}
.ques-box .ques{display: none;}
.ques-box .ques.active{display: block;}


/**/
.pro-nav-play{overflow: hidden;position: relative;}
.pro-nav-play .pro-navs{margin: 0 85px;}
.pro-nav-play.no-btn .pro-navs{margin: 0 !important;}
.pro-nav-play .pro-navs a{width: 100% !important;}
.pro-nav-play .pro-navs{white-space: normal;}
.pro-nav-btn div{position: absolute;width: 85px;height: 85px;cursor: pointer;top:50%;margin-top: -42px;z-index: 5;}
.pro-nav-btn .swiper-button-disabled{opacity: 0.3;cursor: default;}
.pro-nav-btn1{left: 0;background: url("/images/6661.png") no-repeat center;background-size: cover;}
.pro-nav-btn2{right: 0;background: url("/images/6662.png") no-repeat center;background-size: cover;}
/**/



.imgscale .img100{overflow: hidden;}
.imgscale:hover .img100 img{transform:scale(1.05);}
.language p:after,.search-con,.nav-er-box p,.header,.menu-handler .burger,.ybtitle,.year,.history-txt p,.history-line:before,.shili-bot .i,.nav-nrs p,.nav-nrs img,.pro-navs a p,.imgscale .img100 img,.new-con h3,.choose-page:after,.sq-select:after{
    transition: all .4s;
}
.area-text2,.sp-con p,.gy-warp p,.banner-text h2,.ban-des h2{animation-delay: 300ms !important;}
.tansuo,.play,.gd,.banner-text h3{animation-delay: 600ms !important;}
.tsxx{animation-delay: 600ms !important;}
.btn-style div,.search-btn,.hisBtn div:before,.abouttip,.xwxqpage a:before,.hjBtn div,.search-close,.ppjsBtn,.share-list.bdsharebuttonbox a,.xzdzhis:after,.shop-list p:before{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.slideInUp,.swiper-slide-active .banner-text h1,.swiper-slide-active .banner-text h2,.swiper-slide-active .banner-text h3,.swiper-slide-active .tsxx,.area .swiper-slide-active .area-texts,.swiper-slide-active .gy-text1,.swiper-slide-active .area-text p,.swiper-slide-active .gd,.swiper-slide-active .pp-area-text{
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes slideInUp {
    0%{opacity: 0;  filter: alpha(opacity=0); -webkit-transform: translateY(100px);transform: translateY(100px);}
    100%{opacity: 1;filter: alpha(opacity=1);-webkit-transform: translateY(0);transform: translateY(0);}
}
@keyframes slideInUp {
    0%{opacity: 0;  filter: alpha(opacity=0); -webkit-transform: translateY(100px);transform: translateY(100px);}
    100%{opacity: 1;filter: alpha(opacity=1);-webkit-transform: translateY(0);transform: translateY(0);}
}

.slideInLeft{
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes slideInLeft {
    0%{opacity: 0;  filter: alpha(opacity=0); -webkit-transform: translateX(-100px);transform: translateX(-100px);}
    100%{opacity: 1;filter: alpha(opacity=1);-webkit-transform: translateX(0);transform: translateX(0);}
}
@keyframes slideInLeft {
    0%{opacity: 0;  filter: alpha(opacity=0); -webkit-transform: translateX(-100px);transform: translateX(-100px);}
    100%{opacity: 1;filter: alpha(opacity=1);-webkit-transform: translateX(0);transform: translateX(0);}
}
.slideInRight{
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes slideInRight {
    0%{opacity: 0;  filter: alpha(opacity=0); -webkit-transform: translateX(100px);transform: translateX(100px);}
    100%{opacity: 1;filter: alpha(opacity=1);-webkit-transform: translateX(0);transform: translateX(0);}
}
@keyframes slideInRight {
    0%{opacity: 0;  filter: alpha(opacity=0); -webkit-transform: translateX(100px);transform: translateX(100px);}
    100%{opacity: 1;filter: alpha(opacity=1);-webkit-transform: translateX(0);transform: translateX(0);}
}