@charset "utf-8";
@font-face {
    font-family: dincondmedium;
    src: url("../font/dincondmedium.otf");
}
@font-face {
    font-family: markpro;
    src: url("../font/markpro.otf");
}
@font-face {
    font-family: dincondregular;
    src: url("../font/dincondregular.otf");
}
@font-face {
    font-family: dinlight;
    src: url("../font/dinlight.otf");
}
* { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;box-sizing: border-box;}
html,body{font-size: 14px;font-family:"Microsoft YaHei","PingFang SC";background: #fff;color: #333;}
input,textarea,select{font-family:"Microsoft YaHei","PingFang SC";font-size: 14px;}
img,input,textarea{ 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: #333;}
.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-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;}
.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;}
.w1720{width: 1720px;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;}
.padding20{padding: 20px;}
.padding30{padding: 30px;}
.padding40{padding: 40px;}
.padding50{padding: 50px;}
.padding60{padding: 60px;}


body{padding-top: 101px;}
/*header s*/
.header{position: fixed;top:0;left: 0;width: 100%;z-index: 999;transition: all .4s;background: #fff;border-bottom: 1px solid #bfbfbf;}
.header .w1720{height: 100px;transition: all .4s;}
.logo{position: absolute;top:50%;left: 0;transform: translateY(-50%);}
.logo img{height: 43px;display: block;transition: all .4s;}
.logo2{position: absolute;top:0;left: 0;opacity: 0;}
.input-select-wt{z-index: 9;}

.nav-box{margin-right: 200px;margin-right: 120px;}
.nav li{float: left;position: relative;margin-right: 3px;}
.nav li:last-child{margin-right: 0;}
.nav-yi{display: inline-block;line-height: 100px;font-size: 18px; padding: 0 35px;transition: all .4s;position: relative;z-index: 3;color: #535353;}
.nav li.active .nav-yi{color: #010101;}
.nav-er{position: absolute;width: 100%;left: 0;box-shadow: 0 4px 4px 1px rgba(0, 0, 0, 0.21);opacity: 0;margin-top: -20px;transition: all .4s;pointer-events: none;}
.nav-er a{display: block;background: #fff;text-align: center;line-height: 44px;text-transform: uppercase;font-size: 16px;color: #777;border-bottom: 1px solid #e3e3e3;}
.nav-er a:last-child{border-bottom: none;}
.nav-yi span:after{position: absolute;z-index: -1;bottom: -1px;left: 50%;transform: translateX(-50%);height: 3px;background: #333;width: 0;content: "";transition: all .4s;display: block;}
.nav li.active .nav-yi span:after{width: 100%;}

.language{position: absolute;height: 32px;line-height: 32px;top:50%;margin-top: -16px;right: 80px;width: 42px;right: 0;}
.language-val{color: #767575;font-size: 12px;transition: all .4s;}
.language-box{position: absolute;top:100%;background: #fff;width: 60px;left: 50%;margin-left: -30px;display: none;box-shadow: 0 0 2px #ddd;}
.language i{position: absolute;right: 0;top:50%;margin-top: -4px; width: 10px;height: 10px;background: url("../images/sjx102.png") no-repeat center;background-size: cover;transition: all .4s;}
.language.active i{transform: rotate(180deg);}
.language-box a{display: block;text-align: center;line-height: 24px;font-size: 12px;}
.language-box a:hover{background: #000;color: #fff;}

.search-box{position: absolute;right:140px;top:50%;margin-top: -16px; cursor: pointer;z-index: 7;right: 60px;}
.search-btn{width: 32px;height: 32px;border-radius: 32px;background:url("../images/search-333.png") no-repeat center;background-size:cover;text-align: center; z-index: 5;position: relative;}
.search-con{position: absolute;width: 0;right: 0;height: 32px;top:69px;background: #fff;overflow: hidden;transition: all .4s;border-radius: 32px;box-shadow: 0 0 4px #ddd;}
.search-con .text{display: block;height: 32px;width: 100%;background: none;text-indent: 36px;}
.search-close{width: 32px;height: 32px;position: absolute;top:0;left: 0;text-align: center;line-height: 32px;background:url("../images/gb64.png") no-repeat center;background-size:cover;}
.search-sb{position: absolute;right:6px;top:0;cursor: pointer;display: none;}
.search-box.active .search-con{width: 200px;}
.search-box.active .search-sb{display: block;}
.search-text{margin-right: 32px;}
.headerBtn{width: 30px;height: 14px; position: absolute;top:50%;margin-top: -7px;transition: all .4s; right: 0;cursor: pointer;}
.headerBtn:before{width: 40px;height: 40px;top:50%;left: 50%;margin: -20px 0 0 -20px; position: absolute;z-index: -1;content: '';background:#000;border-radius: 100%;opacity: 0.1;transform: scale(0);transition: all .4s;}
.headerBtn:hover:before{transform: scale(1);}
.headerBtn img{width: 100%;vertical-align: bottom;}
.headerBtn span{position: absolute;border-top: 2px solid #707070;;transition: all .2s;}
.headerBtn span:nth-child(1){right: 0;width: 60%;top:0;}
.headerBtn span:nth-child(2){right: 0;width: 80%;top:50%;margin-top: -1px;}
.headerBtn span:nth-child(3){left: 0;width: 100%;bottom:0;}
.headerBtn:hover span:nth-child(1){width: 80%;right: 10%}
.headerBtn:hover span:nth-child(2){width: 80%;right: 10%;}
.headerBtn:hover span:nth-child(3){width: 80%;left: 10%;}
.menu-handler{width: 30px; height: 32px; cursor: pointer; position: absolute;right:3%;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-handler .burger{height: 2px; background: #212223; 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;transition:all .4s;}
.menu-handler .burger-2{top: 15px; }
.menu-handler .burger-3{top: 22px;}
.menu-handler.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-handler.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-handler.active .burger-3{top: 15px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }

.index-body{padding-top: 0;}


.is-scroll .nav-yi{line-height: 80px;}
.is-scroll .header .w1720{height: 80px;}
.is-scroll .search-con{top:59px;}



/*header e*/
/*footer s*/
.footer{background: #1a1a1a;overflow: hidden;}
.footer-top{padding: 70px 0 55px;}
.footer-logo img{height: 97px;}
.footer-tel img{display: inline-block;vertical-align: middle;width: 15px;margin-right: 7px;}
.footer-tel span{display: inline-block;vertical-align: middle;color: #e6e6e6;}
.mg-bt35{margin-bottom: 35px;}
.fotoer-lxr{display: none;}
.fotoer-lxr strong{color: #fff;font-family: dincondmedium;}
.fotoer-lxr span{color: #fff;margin-left: 10px;}
.size36{font-size: 36px;}
.footer-tel{margin-bottom: 10px;display: none;}
.size18{font-size: 18px;}
.footer-nav a{color: #fff;margin-left: 70px;position: relative;z-index: 3;display: inline-block;vertical-align: top;}
.footer-nav a:before{content: '';position: absolute;top:0;width: 100%;left: 0;height: 100%;background: #393939;transition: left .4s;z-index: -1;opacity: 0;}
.footer-nav a:first-child{margin-left: 0;}
.footer-nav a:hover:before{left: -50%;opacity: 1;}
.pao{text-align: right;}
.pao p{color: #b3b3b3;}
.pao p span{font-size: 16px;display: inline-block;}
.index-body .pao p span{opacity: 0;}
/*.swiper-slide-active .pao p span{opacity: 1;}*/
.footer-nav{margin-bottom: 100px;}
.footer-bot{border-top: 1px solid #464646;padding: 20px 0;}
.beian span,.beian a{display: inline-block;vertical-align: middle;color: #6a6a6a;}
.share{padding-top: 6px;}
.share a{display: inline-block;width: 24px;height: 24px;position: relative;margin-right: 12px;}
.share a:last-child{margin-right: 0;}
.share a .i{transition: all .4s;opacity: 0.5;}
.share a:hover .i{opacity: 1;}
.hide-code{position: absolute;width: 120px;bottom:30px;left: 50%;margin-left: -60px;overflow: hidden;transition: all .4s;z-index: 9;background: #fff;height: 0;}
.hide-code img{width: 120px;height: 120px;}
.share a:hover .hide-code{height: 120px;}
.share a.active .hide-code{height: 120px;}
/*footer e*/



/*index s*/
.index-out{position: absolute;width: 100%;height: 100%;top:0;left: 0;}
.swiper-container1,.banner .swiper-container{height: 100%;}
.footer-slide{height: auto !important;}
.header-style .header{background: rgba(255,255,255,.3);border-bottom: none;}
.header-style .nav-yi{color: #fff;}
.header-style .nav li.active .nav-yi{color: #fff;}
.header-style .nav-yi span:after{display: block;background: #fff;}
.header-style .language-val{color: #fff;}
.header-style .language i{background: url("../images/sjx101.png") no-repeat center;background-size: cover;}
.header-style .headerBtn span{border-color: #fff;}
.header-style .search-btn{width: 32px;height: 32px;border-radius: 32px;background:url("../images/search.png") no-repeat center;background-size:cover;}
.header-style .logo img{filter: invert(1);}
.header-style .headerBtn:before{background: #fff;opacity: 0.3;}
.header-style .search-sb{background:url("../images/search-333.png") no-repeat center;background-size:cover;}
.bannerDot{position: absolute;bottom:80px;left: 0;width: 100%;z-index: 9;}
.bannerDot .swiper-pagination-bullet{opacity: 1;margin: 0 10px;width: 6px;height: 6px;background: #fff;position: relative;}
.bannerDot .swiper-pagination-bullet:before{content: '';position: absolute;width: 20px;height: 20px;border:1px solid #fff;border-radius: 100%;top:-8px;left: -8px;opacity: 0;}
.bannerDot .swiper-pagination-bullet-active:before{opacity: 1;}
.banner-des h2{font-family: "Microsoft YaHei Light", "PingFang SC Light";margin-bottom: 25px;color: #fff;letter-spacing: 25px;padding-left: 25px;}
.banner-des span{font-family: markpro;text-transform: uppercase;color: #e5e5e5;letter-spacing: 15px;padding-left: 15px;}
.size60{font-size: 60px;}
.size24{font-size: 24px;}
.index-con{position: absolute;width: 100%;left: 0;top:80px;bottom:0;}
.index-left{width: 18%;}
.title36{margin-bottom: 50px;}
.title36 span{font-size: 30px;font-family: markpro;color: #949494;text-transform: uppercase;margin-bottom: 5px;display: block;}
.title36 h2{font-size: 36px;color: #000;}
.title36-fff h2{color: #fff;}
.title36-fff span{color: #b9b9b9;}
.left-style a{color: #7f7e7e;font-size: 16px;display: inline-block;line-height: 44px;position: relative;transition: all .4s;}
.left-style a:after{content: '';position: absolute;left: 0;width: 0;bottom:0;transition: all .4s;opacity: 0;border-bottom: 1px solid #000;}
.left-style li{margin-bottom: 5px;}
.left-style li.active a{color: #000;}
.left-style li.active a:after{width: 100%;opacity: 1;}
.left-style li:hover a{color: #000;}
.left-style li a:hover:after{width: 100%;opacity: 1;}
.mg-bt60{margin-bottom: 60px;}
.more{display: inline-block;background: #797979;width: 74px;line-height: 28px;text-align: center;font-size: 12px;color: #fff;transition: all .4s;font-family: markpro;}
.more:hover{background: #fff;color: #333;}
.index-right{width: 80.6%;}
.index-pro-right{padding-top: 100px;}
.pro-show h3{color: #fff;}
.pro-show span{color: #fff;display: inline-block;border:1px solid #fff;line-height: 30px;border-radius: 30px; padding: 0 15px;min-width: 100px;text-align: center;}
.pro-show .img100{position: relative;}
.pro-show .img100:before{position: absolute;width: 100%;height: 100%;top:0;left: 0;background: rgba(0,0,0,.3);content: '';}
.mg-bt20{margin-bottom: 20px;}
.jt18x9{display: inline-block;width: 18px;height: 9px;background: url("../images/jt18x9.png") no-repeat center;background-size: cover;transition: all .4s;}
.pros .jt18x9{position: absolute;z-index: 9;right: 30px;bottom:30px;filter: invert(1);}
.pros .swiper-slide a{display: block;margin: 7px;transition: all .4s;position: relative;}
.pros .swiper-slide a:hover{box-shadow: 0 5px 7px 1px rgba(182, 182, 182, 0.4);}
.pro-bot{padding: 25px;}
.pro-bot h4{color: #000; font-size: 16px;margin-bottom: 10px;}
.pro-bot p{color: #949494;}
.pro-hide{transition: all .4s;opacity: 0;}
.pros .swiper-slide a:hover .jt18x9{filter: invert(0);}
.pros .swiper-slide a:hover .pro-hide{opacity: 1;}
.pro{margin: 0 -7px;}
.proBtn div{position: absolute;top:50%;margin-top: -19px;cursor: pointer;z-index: 9;width: 38px;height: 38px;}
.proBtn1{left:20px;background: url("../images/381.png") no-repeat center;background-size: cover;}
.proBtn2{right:20px;background: url("../images/382.png") no-repeat center;background-size: cover;}
.pros{display: none;}
.pros.active{display: block;}
.left-tishi{color: #7f7e7e;font-size: 16px;line-height: 44px;}
.more2{border:1px solid #717171;display: inline-block;width: 145px;transition:all .4s;}
.more2 span{display: inline-block;vertical-align: middle;line-height: 36px;color: #b1b1b1;text-transform: uppercase;transition: all .4s;font-family: markpro;}
.more2 i{display: inline-block;vertical-align: middle;width: 24px;height: 11px;background: url("../images/jt24x11.png") no-repeat center;background-size: cover;margin-left: 12px;transition: all .4s;}
.more2:hover{background:#f0f0f0;border-color: #f0f0f0;}
.more2:hover span{color: #333;}
.more2:hover i{transform: translateX(10px);}
.mg-bt40{margin-bottom: 40px;}
.imgmax img{max-width: 100%;vertical-align: bottom;}
.mg-bt120{margin-bottom: 120px;}
.pingpai-top h2{display: inline-block;background: #010101;font-size: 48px;font-family: "Microsoft YaHei Light", "PingFang SC Light";color: #fff;padding: 10px;}
.yblist{overflow: hidden;font-size: 0;white-space: nowrap;}
.yblist-top{height: 510px;}
.yblist li{margin-right: 2%; width: 32%;position: relative;overflow: hidden;display: inline-block;font-size: 14px;vertical-align: top;white-space: normal;transition: all .4s;}
.yblist li:last-child{position: absolute;right: 0;top: 0;margin-right: 0;}
.yblist li a{display: block;}
.yblist li.active{width: 53%;}
.yblist li.sm{width: 21.5%;}
.mg-bt30{margin-bottom: 30px;}
.size22{font-size: 22px;}
/*.case-bot{display: none;}*/
.case-bot h3{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.case-bot p{color: #858585;height: 3.2em;opacity: 0;transition: all .4s;}
.yblist li.active p{opacity: 1;}
.cases{display: none;}
.cases.active{display: block;}
.dots{position: fixed;z-index: 994;right: 10px;top:50%;display: none;}
.dots li{width: 16px;height: 16px;border-radius: 100%;position: relative;border:1px solid #c6c6c6;margin: 15px 0;}
.dots li:before{content: '';position: absolute;top:3px;right: 3px;bottom:3px;left: 3px;border-radius: 100%;background: #878787;opacity: 0;transition: all .4s;}
.dots li p{position: absolute;top:-1px;right: 100%;white-space: nowrap;line-height: 16px;margin-right: 8px;color: #797979;transition: all .4s;opacity: 0;}
.dots li:hover:before{opacity: 1;}
.dots li:hover p{opacity: 1;}
.dots li.active:before{opacity: 1;}
.dots li.active p{opacity: 1;}
.pptext span{display: inline-block;margin: 0 10px;}
.jiatao{transition: all .1s;}
.more02{display: none;}
.mouseBox{position:absolute; left: 50%; margin-left: -24px; bottom: 15px; z-index: 99; text-align: center; cursor: pointer;}
.mouseIco{border-radius: 9px;width: 14px;height: 26px;border: 1px solid #fff;margin: 0 auto 5px;display: block;position: relative;}
.mouseIco i{ width: 2px; height: 7px; border-radius: 1px; display: block; background-color: #fff; position: absolute; left: 50%; margin-left: -1px; top: 5px; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
.mouseBox p{color: #fff;font-size: 12px;}
@keyframes mouse-dot{
    from{opacity: 0; }
    33%{opacity: 1; }
    to{transform: translateY(10px); opacity: 0; }
}
.mouseBox2{position:absolute; right: 0;bottom:50%; z-index: 99; text-align: center; cursor: pointer;margin-right: -50px;margin-bottom: 10px}
.mouseIco2{border-radius: 9px;width: 26px;height: 14px;border: 1px solid #333;margin: 0 auto 5px;display: block;position: relative;}
.mouseIco2 i{ height: 2px; width: 7px; border-radius: 1px; display: block; background-color: #333; position: absolute; top: 50%; margin-top: -1px; left: 5px;animation: mouse-dot2 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
.mouseBox2 p{font-size: 12px;}
@keyframes mouse-dot2{
    from{opacity: 0; }
    33%{opacity: 1; }
    to{transform: translateX(10px); opacity: 0; }
}
/*index e*/
/*4.1案例 s*/
.title40{margin-bottom: 30px;}
.title40 h2{font-size: 40px;display: inline-block;}
.title40 span{font-size: 30px;color: #949494;text-transform: uppercase;display: inline-block;font-family: markpro;margin-left: 20px;}
.ny-title-top{border-bottom: 1px solid #dedede;margin-bottom: 60px;}
.case-style{padding: 20px 0;white-space: nowrap;overflow: auto;}
.case-style a{margin-right: 66px;position: relative;font-size: 16px;color: #000;transition: all .4s;display: inline-block;}
.case-style a:last-child{margin-right: 0;}
.case-style a:before{content: '';position: absolute;right: -33px;border-right: 1px solid #9a9a9a;height: 10px;top:50%;margin-top: -5px;}
.case-style a:last-child:before{display: none;}
.anli{font-size: 0;min-height: 300px;}
.anli li{font-size: 14px;display: inline-block;vertical-align: top;width: 31.3%;margin-right: 3.05%;margin-bottom: 60px;}
.anli li:nth-child(3n){margin-right: 0;}
.anli p{font-size: 16px;}
.page{text-align: center;margin-top: 50px;}
.page a{display: inline-block;vertical-align: middle;transition: all .4s;font-family: dincondregular;}
.pages{font-size: 20px;color: #5f5f5f;margin: 0 16px;}
.pages.active{color: #000;}
.pages:hover{color: #000;}
.page-btn{width: 31px;height: 17px;opacity: 0.5;}
.page-btn:hover{opacity: 1;}
.page-left{background: url("../images/page1.png") no-repeat center;background-size: cover;margin-right: 10px;}
.page-right{background: url("../images/page2.png") no-repeat center;background-size: cover;margin-left: 10px;}
.backBtn-style{position: relative;z-index: 3;transition: all .4s;}
.backBtn-style i{position: absolute;z-index: -1;width: 0;height: 100%;top:0;left: 0;opacity: 1;background: #333;transition: all .4s;}
.backBtn-style:hover i{opacity: 1;width: 100%;}
.backBtn-style:hover{box-shadow: 0 0 10px 0 #ddd;}
/*4.1案例 e*/
/*4.2案例详情 s*/
.width1200{width: 1200px;max-width: 100%;margin: 0 auto;}
.mg-bt50{margin-bottom: 50px;}
.anxqBtn div{width: 50px;height: 50px;position: absolute;top:50%;margin-top: -25px;z-index: 10;cursor: pointer;border:1px solid #fff;border-radius: 100%;transition: all .4s;}
.anxqBtn1{left: -50px;background: url("../images/501.png") no-repeat center;background-size: cover;}
.anxqBtn2{right: -50px;background: url("../images/502.png") no-repeat center;background-size: cover;}
.project:hover .anxqBtn1{left: 50px;}
.project:hover .anxqBtn2{right: 50px;}
.alxqDot{position: absolute;z-index: 9;width: 100%;left: 0;bottom:30px;text-align: center;}
.alxqDot .swiper-pagination-bullet{width:12px;height:12px;border:1px solid #fff;border-radius:100%;background: none;opacity: 1;margin: 0 6px;}
.alxqDot .swiper-pagination-bullet-active{background: #fff;}
.alxqdes p{color: #858585;}
.yycp-top{border-bottom: 1px solid #dedede;padding-bottom: 30px;}
.yycp .img100{background: url("../images/cpbj.jpg") no-repeat center;background-size: cover;}
.swiperDot{margin-top: 50px;}
.swiperDot .swiper-pagination-bullet{margin: 0 7px;width: 14px;height: 14px;background: none;border:1px solid #afafaf;opacity: 1;}
.swiperDot .swiper-pagination-bullet-active{background: #000;opacity: 1;border-color: #000;}
.project-xq-bot{margin-top: 120px; padding: 70px 0; position: relative;}
.back{margin: 0 auto;position: relative;width: 150px;line-height: 60px; background: #000;display: block;color: #fff;text-align: center;}
.back:before{content: '';position: absolute;left: 50%;height: 70px;border-left: 1px solid #ccc;top:-105px;transition: all .4s;}
.back:hover:before{top:-70px;border-color: #000;}
.project-xq-page a{position: absolute;top:50%;color: #666;margin-top: -9px;max-width: 40%;transition: all .4s;}
.project-xq-page a.a1{left: 50px;}
.project-xq-page a.a2{right: 50px;}
.project-xq-page a img{width: 26px; position: absolute; top:5px;transition: all .4s;opacity: 0.5;}
.project-xq-page a:hover{color: #000;}
.project-xq-page a.a1{padding-left: 35px;}
.project-xq-page a.a2{padding-right: 35px;}
.project-xq-page a.a1 img{left:0;}
.project-xq-page a.a2 img{right: 0;}
.project-xq-page a.a1:hover img{transform: translateX(-10px);-webkit-transform: translateX(-10px);opacity: 1;}
.project-xq-page a.a2:hover img{transform: translateX(10px);-webkit-transform: translateX(10px);opacity: 1;}
.project-xq-bt p{text-align: center;font-size: 16px;color: #666;}
/*4.2案例详情 e*/
/*品牌 s*/
.who p{color: #727272;text-transform: uppercase;font-family: markpro;}
.des18 p{font-size: 18px;text-align: justify;color: #474747;line-height: 1.8em;}
.des18.text-center p{text-align: center;}
.who-des p:last-child{color: #000;}
.title36-dsr span{font-size: 14px;}
.color-fff{color: #fff;}
.gyjt-desc p{color: #bdbdbd;line-height: 2em;}
.provider{text-align: center;font-size: 0;display: flex;flex-wrap: wrap;justify-content: center;}
.provider li{background: rgba(255,255,255,.1);display: inline-block;font-size: 14px;border:1px solid rgba(255,255,255,.3);padding: 25px;width: 31%;margin-right: 3.5%;margin-bottom: 3.5%; vertical-align: top;text-align: left;transition: all .4s;}
.provider li:nth-child(3n){margin-right: 0;}
.provider li:last-child{margin-right: 0;}
.provider li span{position: absolute;left: 0;top:0;color: #fff;font-family: dinlight;line-height: 1em;}
.provider li p{font-size: 16px;color: #efefef;margin-left: 64px;}
.provider li:hover{border:1px solid rgba(255,255,255,.6);background: rgba(255,255,255,.2);}
.title18 span{color: #b9b9b9;display: block;text-transform: uppercase;}
.field h3{color: #fff;}
.field p{color: #b9b9b9;text-transform: uppercase;}
.title36-fff p{color: #b9b9b9;}
.title36 p{text-transform: uppercase;margin-top: 15px;}
.tigong-des p{line-height: 2em;color: #bdbdbd;}
.design-img{width: 50%;}
.design-con{position: absolute;height: 100%;top:0;width: 45%;}
.design li:nth-child(odd) .design-img{float: left;}
.design li:nth-child(odd) .design-con{right: 0;}
.design li:nth-child(even) .design-img{float: right;}
.design li:nth-child(even) .design-con{left: 0;}
.ds-page{position: relative;margin-bottom: 14px;}
.ds-page:last-child{margin-bottom: 0;}
.ds-name{position: absolute;left: 0;top:0;background: #000;color: #fff;padding: 0 2px;}
.ds-page p{font-size: 16px;}
.ds-con{margin-left: 92px;}
.design li:nth-child(1) .ds-con{margin-left: 78px;}
.title30 h2{font-size: 30px;}
.title30 span{text-transform: uppercase;color: #727272;}
.whbg{height: 350px;}
.wh-list li{float: left;width: 48%;margin-right: 4%;text-align: center;}
.wh-list li:nth-child(even){margin-right: 0;}
.his{padding: 60px 0 300px;}
.his-con{height: 200px;position: relative;width: 340px;}
.swiper-slide:nth-child(5n) .his-con{width: 100%;}
.swiper-slide:last-child .his-con{width: 50%;margin: 0 auto;}
.swiper-slide:last-child .his-con .hisyear{left: -10px;}
.fzlcs .swiper-slide{height: 400px;}
.zindex5{z-index: 5;}
.fzlc:before{content: '';position: absolute;top:50%;border-top: 1px solid #bebebe;width: 100%;left: 0;}
.hisdot{width: 20px;height: 20px;background: #bebebe;border-radius: 100%;border:2px solid #f0f0f0;position: absolute;left: 12px;transition: all .4s;}
.fzlcs .swiper-slide:nth-child(even) .his-con{margin-top: 200px;}
.fzlcs .swiper-slide:nth-child(odd) .hisdot{bottom:-10px;}
.fzlcs .swiper-slide:nth-child(even) .hisdot{top:-10px;}
.hisline{position: absolute;left: 21px;width: 2px;height: 20px;background: #000;}
.fzlcs .swiper-slide:nth-child(odd) .hisline{bottom:13px;}
.fzlcs .swiper-slide:nth-child(even) .hisline{top:13px;}
.fzlcs .swiper-slide:nth-child(even) .his-des{padding-top: 80px;}
.hisyear{font-weight: bold;position: absolute;left: 0;}
.fzlcs .swiper-slide:nth-child(odd) .hisyear{bottom:40px;}
.fzlcs .swiper-slide:nth-child(even) .hisyear{top:40px;}
.hisBtn div{position: absolute;width: 12px;height: 15px;cursor: pointer;top:50%;margin-top: -7px;z-index: 9;}
.hisBtn1{background: url("../images/12x15-1.png") no-repeat center;background-size: cover;left: 0;}
.hisBtn2{background: url("../images/12x15-2.png") no-repeat center;background-size: cover;right: 0;}
.fzlcs{margin: 0 50px;}
.his-des p{color: #626262;}
.his-con:hover .hisdot{background: #000;transform: scale(1.2);}
/*品牌 e*/
/*3.1产品 s*/
.cpxl a{color: #565656;font-size: 16px;transition: color .4s;display: block;line-height: 48px;position: relative;z-index: 3;white-space: nowrap;padding: 0 5px;}
.cpxl li{border-bottom: 1px solid #ababab;}
.cpxl li.active a{color: #fff;}
.cpxl li:hover a{color: #fff;}
.cpxl a:before{content: '';position: absolute;transition: all .4s;width: 0;z-index: -1;height: 100%;top:0;left: 0;background: #000;opacity: 0;}
.cpxl li.active a:before{width: 100%;opacity: 1;}
.cpxl li a:hover:before{width: 100%;opacity: 1;}
.cp-left{width: 12.6%;}
.cp-right{width: 81.3%;}
.cplb{font-size: 0;}
.cplb li{font-size: 14px;display: inline-block;vertical-align: top;width: 32%;margin-right: 2%;margin-bottom: 60px;}
.cplb li:nth-child(3n){margin-right: 0;}
.cplb li .img100{background: url("../images/cpbg2.jpg") no-repeat center;background-size: cover;}
.cplb li:hover .i{height: 32px;bottom:-16px;}
.cplb .i{position: absolute;left: 50%;height: 50px;border-right: 1px solid #000;bottom:-30px;transition: all .4s;z-index: 9;}
.cplb-bot h5{color: #000;}
.mg-bt10{margin-bottom: 10px;}
.cplb-des{background: rgba(255,255,255,.9);position: absolute;left: 0;width: 100%;bottom:0;padding:25px 30px;display: none;}
/*3.1产品 e*/
/*7.1联系 s*/
.headquarters-list2{margin-top: 0;}
.headquarters-list2 li{float: left;text-align: center;width: 33.33%;padding: 0 1%;}
.headquarters-list2 li img{width: 96px;}
.headquarters-list2 li:last-child{margin-right: 0;}
.headquarters-list2 h3{color: #000;margin-bottom: 10px;}
.headquarters-list2 a,.headquarters-list2 p,.headquarters-list2 span{ color: #a3a4a5;}
.headquarters-list2 span{display: inline-block;}
.headquarters-list2 p{color: #757575;font-size: 16px;}
.lxwm-des{display: inline-block;text-align: left;}
.headquarters-list2{margin-bottom: 120px;}
.map{width: 50%;position: absolute;right: 0;height: 100%;top:0;}
.liuyan{width: 50%;padding-left: calc(50% - 720px);}
.font-mid{font-family: "Microsoft YaHei Medium", "PingFang SC Medium";}
.liuyan-warp{margin-right: 40px;}
.input-list .text{display: block;width: 100%;line-height: 60px;font-size: 16px;background: none;}
.input-list{border-bottom: 1px solid #b2b2b2;}
.queding{display: block;width: 120px;line-height: 40px;background: #000;color: #fff;text-align: center;margin: 60px auto 30px;}
.input-list-select{position: relative;cursor: pointer;z-index: 3;}
.input-list-select .text{cursor: pointer;}
.input-list-select{position: relative;}
.input-list-page{position: absolute;width: 100%;left: 0;background: #fff;border:1px solid #b2b2b2;max-height: 259px;overflow: auto;display: none;}
.input-list .i{position: absolute;width: 32px;height: 32px;right: 2px;top:50%;margin-top: -16px;transition: all .4s;background: url("../images/bot32.png") no-repeat center;background-size: cover;z-index: -1;}
.input-list.active .i{transform: rotate(180deg);}
.input-list-page div{font-size: 16px;padding:8px 5px;}
.input-list-page div:hover{background: #f0f0f0;}
.scrollBar::-webkit-scrollbar {width: 6px;height: 6px;}
.scrollBar::-webkit-scrollbar-thumb:hover { border: 1px solid #636363;background-color: #929292;}
.scrollBar::-webkit-scrollbar-thumb {background-color: #cfcfd2;border-radius: 8px;background-clip: padding-box;min-height: 28px;}
.scrollBar::-webkit-scrollbar-track-piece {background: #f3f3f3;}

select::-webkit-scrollbar {width: 6px;height: 6px;}
select::-webkit-scrollbar-thumb:hover { border: 1px solid #636363;background-color: #929292;}
select::-webkit-scrollbar-thumb {background-color: #cfcfd2;border-radius: 8px;background-clip: padding-box;min-height: 28px;}
select::-webkit-scrollbar-track-piece {background: #f3f3f3;}

/*7.1联系 e*/
/*资讯 s*/
.xw-img{width: 418px;height: 266px;overflow: hidden;}
.xw-img .position-full{transition: all .4s;}
.xw li{margin-bottom: 50px;}
.xw li a{display: block;position: relative;}
.xw-con{position: absolute;left: 465px;top:0;right: 0;height: 100%;border-bottom: 1px solid #dedede;}
.xw-con p{color: #626262;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;height: 9.6em;}
.time{position: absolute;left: 0;bottom:45px;}
.time span{color: #464545;}
.time span:nth-child(2){font-family: dincondmedium;}
.xw .i{width: 37px;right: 0;bottom:37px;height: 37px;background: #e5e5e5 url("../images/37.png") no-repeat center;background-size: cover;position: absolute;transition: all .4s;}
.xw a:hover .xw-img .position-full{transform: scale(1.1);}
.xw a:hover .i{background: #333 url("../images/372.png") no-repeat center;background-size: cover;}
/*资讯 e*/
/*资讯详情 s*/
.size30{font-size: 30px;}
.xwxq-sg img,.xwxq-sg span{display: inline-block;vertical-align: middle;}
.xwxq-sg img{margin-right: 15px;}
.xwxq-sg img:nth-child(1){width: 22px;}
.xwxq-sg img:nth-child(3){width: 27px;}
.xwxq-sg span:nth-child(2){margin-right: 20px;}
.xwxq-sg span{font-size: 22px;color: #999;font-family: dincondregular;}
.xw-share{position: absolute;right: 0;bottom:25px;}
.xwxq-top{border-bottom: 1px solid #cdcdcd;padding-bottom: 25px;}
.xw-share span{display: inline-block;vertical-align: middle;text-transform: uppercase;font-family: dincondregular;color: #999999;font-size: 18px;}
.xw-share a{display: inline-block;vertical-align: middle;width: 26px;height: 26px;margin-left: 10px;}
.ermbox{position: fixed;z-index: 9999;top:0;left: 0;width: 100%;height: 100%;display: none;}
.ermwarp{position: absolute;top:50%;left: 50%;margin: -147px 0 0 -139px;padding: 10px;background: #fff;width: 242px;height: 294px;border:1px solid #d8d8d8;}
#erm{width: 185px;height: 185px;margin: 15px auto;}
.erlgh span{font-size: 12px;font-weight: bold;text-align: left;line-height: 16px;height: 16px;position: relative;color: #000;}
.ermwarp_close{width: 16px;height: 16px;position: absolute;right: 0;top: 0;color: #999;text-decoration: none;font-size: 16px;}
.erlgh_footer{font-size: 12px;text-align: left;line-height: 22px;color: #666;}
.edit,.edit *{font-size: 16px !important;color: #666666 !important;line-height: 1.6em;}
.edit p{margin: 20px 0;}
.edit img{display: block;height: auto !important;max-width: 100%; margin: 20px auto;}
/*资讯详情 e*/

/*3.2产品详情 s*/
.position{padding: 20px 0;}
.positions img,.positions a{display: inline-block;vertical-align: middle;}
.positions img{width: 10px;}
.positions a{color: #5f5f5f;margin-left: 5px;}
.cpxq-img{width: 55.2%;}
.size40{font-size: 40px;}
.cpxq-con{width: 40%;}
.cpxq-con h2{font-family: "Microsoft YaHei Medium", "PingFang SC Medium";}
.cptx{border-top: 1px solid #dedede;padding-top: 20px;}
.cptx p{color: #565656;font-size: 16px;}
.mg-bt15{margin-bottom: 15px;}
.cpcs ul{border-top: 1px dashed #b3b3b3;padding-top: 15px;}
.cpcs ul li{position: relative;}
.cpcs p{font-size: 16px;}
.cs-name{position: absolute;left: 0;top:0;}
.cs-des{margin-left: 100px;}
.mg-bt80{margin-bottom: 80px;}
.fh{display: block;margin: 80px auto 0;text-align: center;background: #000;color: #fff;line-height: 50px;width: 160px;}
.lxjm li{float: left;width: 50%;text-align: center;position: relative;}
.lxjm li .position-full img{width: 80px;}
.lxjm li a{width: 190px;line-height: 54px;border:1px solid #fff;color: #fff;display: block;margin:30px auto 0;position: relative;z-index: 5;transition: all .4s;}
.lxjm li a i{position: absolute;width: 0;opacity: 0; height: 100%;left: 0;top:0;background: #fff;z-index: -1;transition: all .4s;}
.lxjm li a:hover{color: #333;}
.lxjm li a:hover i{opacity: 1;width: 100%;}
/*3.2产品详情 e*/
/*5.1服务 s*/
.fw-img{width: 50%;}
.fw-con{width: 43%;}
.fw-top span{background: #000000;display: inline-block;color: #fff;padding: 0 4px;}
.fw-top p{color: #727272;text-transform: uppercase;margin-top: 5px;margin-bottom: 10px;}
.des p{color: #626262;text-align: justify;}
.fw-list h3{position: relative;font-family: "Microsoft YaHei Medium", "PingFang SC Medium";font-size: 16px;font-weight: bold;padding-left: 10px;margin-bottom: 5px;}
.fw-list h3 span{position: absolute;left: 0;top:0;}
.fw-list p{margin-left: 10px;color: #3e3e3e;}
.fw-list li{margin-bottom: 15px;}
.fw-list li:last-child{margin-bottom: 0;}
.title60 span{color: #727272;text-transform: uppercase;display: block;}
.title60 p{color: #474747;}
.peitao{font-size: 0;}
.peitao li{font-size: 14px;display: inline-block;vertical-align: top;width: 31%;margin-right: 3.5%;margin-bottom: 60px;}
.peitao li:nth-child(3n){margin-right: 0;}
.pt-bot{position: relative;}
.pt-bot span{font-size: 36px;font-family: markpro;color: #474747; display: inline-block;margin-right: 10px;}
.pt-bot p{display: inline-block;color: #474747;font-size: 18px;}
/*5.1服务 e*/
/*6.1加盟 s*/
.jm{height: 590px;}
.size48{font-size: 48px;}
.title48-fff h2,.jmrx span,.title48-fff span,.jmrx p{color: #fff;}
.title48 h2{margin-bottom: 10px;}
.title48 span{text-transform: uppercase;font-family: markpro;}
.jmrx p{font-family: dincondmedium;}
.jm-bot{width: 640px;max-width: 100%;margin: 0 auto;}
.input-list{position: relative;}
.jm-name{position: absolute;left: 0;top:0;color: #5e5e5e;line-height: 60px;}
.jm-right{margin-left: 60px;}
.jm-right .text{font-size: 14px;}
.queding2{width: 100%;line-height: 50px;}
.yzm{cursor: pointer;width: 120px;height: 60px;right: 0;top:0;position: absolute;}
.input-list-col2 .input-list{width: 48%;}
.input-list select{height: 60px;line-height: 60px;width: 100%;color: #5e5e5e;border: none;appearance: none;-moz-appearance: none;-webkit-appearance: none;cursor: pointer;background: none;}
.jm-bot .text{color: #5e5e5e;}
.input-list-jmxm{z-index: 5;}
.input-list-jmxm .jm-right{margin-left: 80px;}
.input-list-jmxm .jm-right div{font-size: 14px;}
/*6.1加盟 e*/

.tler{background: rgba(255,255,255,.5);}
.textarea{padding: 10px 0;}
.textarea textarea{display: block;overflow: auto;background: none;width: 100%;height: 120px;resize: none;font-size: 16px;}

/*search s*/
.ss-a h3{font-family: "dincondregular";letter-spacing: 4px;text-indent: 4px;}
.ss-a p{font-size: 22px;}
.ssbox{width: 600px;margin: 0 auto;max-width: 94%;}
.ssingput{border-radius: 6px;overflow: hidden;margin-right: 100px;}
.ssingput input{display: block;width: 100%;height: 54px;text-indent: 1em;font-size: 16px;}
.sbmint{position: absolute;right: 0;width: 92px;height: 100%;top:0;background: #333;line-height: 54px;text-align: center;color: #fff;font-size: 18px;border-radius: 6px;cursor: pointer;}
/*.ssingput:before{position: absolute;content: ''; height: 100%;width: 63px;background-image: url("../images/fdj.png");left: 0;top:0;}*/
.ssdh a{float: left;line-height: 54px;position: relative;font-size: 16px;color: #a2a2a2;margin-right: 55px;}
.ssdh a:after{position: absolute;width: 100%;bottom:0;border-top: 2px solid #333;content: '';left: 0;display: none;}
.result{margin-bottom: 35px;}
.ssdh a.active{color: #333;}
.ssdh a.active:after{display: block;}
.ssdh a:hover{color: #333;}
.ssdh a:hover:after{display: block;}
/*.ssdh{border-bottom: 1px solid #ddd;}*/
.ssjecon{padding: 40px 0 80px;min-height: 500px;}
.conrt{padding: 40px;}
.result{font-size: 18px;color: #aeaeae;}
.result span{color: #333;}
.sslb-tabs{display: none;}
.sslb-tabs.active{display: block;}
/*search e*/


.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;
}
.indexLeft{animation-delay: 0.3s !important;}
.indexRight{animation-delay: 0.3s !important;}
.indexUp{animation-delay: 0.3s !important;}
.pro{atsc-nav-up: 0 !important;}

.swiper-wrapper1 > .swiper-slide{overflow: hidden;}
.slideUp,.banner .swiper-slide-active .banner-des,.swiper-wrapper1 > .swiper-slide-active .indexUp{
    animation:slideUp 1.2s both ease-out;-webkit-animation:slideUp 1.2s both ease-out;
}

@keyframes slideUp{
    0%{opacity:0;-webkit-transform: translateY(60px);transform: translateY(60px);}
    100%{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}

.slideLeft,.swiper-wrapper1 > .swiper-slide-active .indexLeft{
    animation:slideLeft 1.2s both ease-out;-webkit-animation:slideLeft 1.2s both ease-out;
}
@keyframes slideLeft{
    0%{opacity:0;-webkit-transform: translateX(-60px);transform: translateX(-60px);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}

.slideRight,.swiper-wrapper1 > .swiper-slide-active .indexRight,.indexRight2{
    animation:slideRight 1.2s both ease-out;-webkit-animation:slideRight 1.2s both ease-out;
}
@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 1.2s both ease-out;-webkit-animation:tobig 1.2s both ease-out;
}
@keyframes tobig{
    0%{opacity:0;-webkit-transform: scale(0);transform: scale(0);}
    100%{opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}