@charset "utf-8";
@font-face {
    font-family:helveticanowdisplaybold;
    src: url("../font/helveticanowdisplaybold.ttf");
}
@font-face {
    font-family:helveticanowdisplaymedium;
    src: url("../font/helveticanowdisplaymedium.ttf");
}
@font-face {
    font-family:helveticanowdisplayregular;
    src: url("../font/helveticanowdisplayregular.ttf");
}
* { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;box-sizing: border-box;}
html,body{font-family:"Microsoft YaHei Light","Microsoft YaHei","PingFang SC Light";background: #fff;color: #000;font-size: 14px;}
input,textarea,select{font-family:"Microsoft YaHei Light","Microsoft YaHei","PingFang SC Light";font-size: 14px;}
img,input,textarea{ border: none; }
textarea{overflow: auto;}
h1,h2,h3,h4,h5{font-weight: normal;font-size: 14px;}
table{width: 100%;border-collapse: collapse;}
audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;}
html.hide{overflow: hidden;}
body.hide{overflow: hidden;}
a{color: #000;}
.fl{ float: left;}
.fr{float: right;}
.clear:after{ content: ''; display: table; clear: both; }
p{line-height: 1.6em;letter-spacing: 0.5px;}
.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;}
.container{padding: 0 40px;}
.size18{font-size: 18px;}
.size20{font-size: 20px;}
.size24{font-size: 24px;}
.size30{font-size: 30px;}
.size36{font-size: 36px;}
.size40{font-size: 40px;}
.size48{font-size: 48px;}
.size54{font-size: 54px;}
.size100{font-size: 100px;}
.padding-tb60{padding: 60px 0;}
.padding-tb80{padding: 80px 0;}
.padding-tb120{padding: 120px 0;}

body{padding-top: 191px;transition: all .4s;}
/*header s*/
.header{height: 191px;background: #fff;position: fixed;width: 100%;top:0;left: 0;z-index: 999;transition: all .4s;}
.index-header{height: 191px;transition: all .4s;}
.header-fixed{position: relative;z-index: 999;background: #fff;width: 100%;left: 0;top:0;}
.header-top{padding: 40px 0 0;transition: all .2s ease-in-out;transform: translateZ(0);}
.header-wording{position: absolute;top:35px;left: 950px;font-size: 24px;transition: top .4s;transform: translateZ(0);white-space: nowrap;}
.logo img{height: 67px;transition: all .4s;transform: translateZ(0);}
.nav{font-size: 0;}
.nav li{display: inline-block;vertical-align: middle;font-size: 14px;margin-right: 100px;}
.nav li:last-child{margin-right: 0;}
.nav-yi{font-size: 24px;transition: all .4s;display: inline-block;line-height: 80px;position: relative;}
.nav-yi span{position: relative;display: inline-block;}
.nav-yi span:after{position: absolute;z-index: -1;bottom:15px;left: 50%;transform: translateX(-50%); height: 2px;background: #303030;width:0;content: "";transition: all .4s;}
.nav li.active .nav-yi span:after{width: 100%;}
.header-area{display: flex;position: absolute;right: 0;top:0;height: 100%;align-items: center;}
.header-area a{font-size: 24px;margin-right: 24px;display: inline-block;}
.header-area a:nth-child(2){font-family: helveticanowdisplayregular;}
.zixun-bot a,.date,.xm-hide-bot span{font-family: helveticanowdisplayregular;}
.search-btn-style{display: inline-block;width: 32px;height: 32px;background: url("../images/search.png") no-repeat center;background-size: cover;cursor: pointer;}
.nav-er{display: block;position: absolute;width: 100%;background: rgba(255,255,255,.95);left: 0;font-size: 0;padding: 30px 0;opacity: 0;z-index: -1;transform: translateY(-20px);transform-origin: top;transition: all .4s;pointer-events: none;margin-top: -25px;}
.nav-er:before{content: '';position: absolute;height: 100%;right: 100%;width: 99999px;top:0;background: rgba(255,255,255,.95);}
.nav-er:after{content: '';position: absolute;height: 100%;left: 100%;width: 99999px;top:0;background: rgba(255,255,255,.95);}
.nav-er-list{font-size: 14px;display: inline-block;vertical-align: top;width: 140px;margin-right: 8px;}
.nav-ers{font-size: 18px;transition: all .4s;}
.nav-er-list:hover .nav-ers{color: #778fcd;}
.nav-er-list.active .nav-ers{color: #778fcd;}
.nav-san{display: block;margin-top: 25px;}
.nav-san a{display: block;font-size: 18px;color: #999;margin-top: 5px;transition: all .4s;}
.nav-san a:hover{color: #778fcd;}
.nav-san a.active{color: #778fcd;}
.jrwm{position: relative;}
.jrwm:after{position: absolute;z-index: -1;bottom:-6px;left: 50%;transform: translateX(-50%); height: 2px;background: #303030;width:0;content: "";transition: all .4s;}
.jrwm.active:after{width: 100%;}
.jrwm:hover:after{width: 100%;}
.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); }

.search-hide{position: fixed;width: 100%;left: 0;background: #fff;top:148px;bottom:0;transition: all .5s;z-index: -1;transform: translateY(100%);pointer-events: none;opacity: 0;}
.search-hide .text{display: block;width: 100%;color: #778fcd;}
.search-hide .text::-webkit-input-placeholder{color:#c8cbcc;}
.search-hide .text:-moz-placeholder{color:#c8cbcc;}
.search-hide .text::-moz-placeholder{color:#c8cbcc;}
.search-hide .text:-ms-input-placeholder{color:#c8cbcc;}
.search-hide a img{width: 47px;vertical-align: bottom;}

.index-body{padding-top: 0;}
.index-body .header{position: relative;}

body.show{overflow: hidden;padding-right: 17px;}
body.show .search-hide{transform: translateY(0);z-index: 998;pointer-events: auto;opacity: 1;}
/*body.show .header-top{margin-top: -143px;}*/
body.show .header-area{right:17px;}
body.show .header-wording{margin-left: -8px;}
/*.nav-fixed .header-top{margin-top: -143px;margin-bottom: 0;}*/
/*.nav-fixed .header-bot{position: fixed;z-index: 999;top:0;width: 100%;left: 0;background: #fff;}*/
body.is-scroll{padding-top: 148px;}
.index-body.is-scroll{padding-top: 0;}
body.is-scroll .logo img{height: 24px;}
body.is-scroll .header{height: 148px;position: fixed;box-shadow: 0 1px 2px #f0f0f0;}
body.is-scroll .index-header{height: 148px;}
body.is-scroll .header-wording{top:35px;}
/*header e*/
/*footer s*/
.footer{border-top: 1px solid #d8dadb;}
.footer-none-border .footer{border:none;}
.footer-page{float: left;width: 32%;margin-right: 2%;}
.footer-page:last-child{margin-right: 0;}
.footer-name{font-size: 16px;color: #c8cbcc;margin-bottom: 50px;}
.lyb-btn{display: block;width: 288px;border:1px solid #e3e5e5;line-height: 50px;padding: 0 25px;color: #c8cbcc;position: relative;max-width: 100%;}
.lyb-btn i{position: absolute;width: 24px;height: 24px;right: 15px;top:50%;margin-top: -12px;background: url("../images/40.png") no-repeat center;background-size: cover;}
.des16 p{font-size: 16px;}
.footer-address p{color: #c8cbcc;}
.footer-address p a{color: #c8cbcc;}
.share{width: 320px;max-width: 100%;}
.share-top{font-size: 0;}
.share a{width: 40px;height: 40px;position: relative;margin-bottom: 15px;display: inline-block;vertical-align: middle;font-size: 14px;margin-right: 53px;}
.share a:nth-child(4n){margin-right: 0;}
.hide-code{position: absolute;width: 120px;height: 0;overflow: hidden;transition: all .4s;left: 50%;margin-left: -60px;bottom:45px;}
.hide-code img{width: 120px;height: 120px;border:1px solid #ddd;padding: 3px;}
.share a:hover .hide-code{height: 120px;}

.share .icon{transition: all .4s;opacity: 0.4;}
.share a:hover .icon{opacity: 1;}
.slide-page{float: left;width: 14%;margin-right: 3.2%;margin-top: 20px;}
.slide-page:last-child{margin-right: 0;}
.slide-page p{transition: all .4s;margin-bottom: 20px;font-size: 16px;}
/*.slide-page:hover p{color: #778fcd;}*/
.slideList{padding-bottom: 40px;}
.img998 img{display: none;}
.img998 img:nth-child(1){display: block;}


/*footer e*/

/*index s*/
.zixun .img556{width: 66%;float: left;}
.zixun li{margin-bottom: 40px;}
.zixun-con{width: 30%;margin-right: 2%; top:0;height: 100%;}
.zixun li:nth-child(odd) .zixun-con{float: right;}
.zixun li:nth-child(even) .zixun-con{float: left;}
.zixun li:nth-child(even) .img556{float:right;}
.des20 p{font-size: 20px;text-align: justify;}
.zixun-bot{margin-top: 70px;}
.zixun-bot .des20{}
.zixun-bot a{display: inline-block;color: #ffc400;}
.ljgd span{display: inline-block;vertical-align: middle;font-size: 18px;}
.ljgd i{display: inline-block;vertical-align: middle;width: 36px;height: 36px;background: url("../images/more.png") bottom center;background-size: cover;border-radius: 100%;margin-right: 16px;}
.new li{width: 1530px;max-width: 92%;}
.new a{display: block;}
.new .img100{width: 59.4%;}
.new-con{position: absolute;width: 40.6%;top:0;height: 100%;left: 0;background: #778fcd;}
.new-warp{position: absolute;top:35px;right: 35px;bottom:35px;left: 35px;}
.ljgd2 i{background: url("../images/more2.png") bottom center;background-size: cover;}
.margin-b40{margin-bottom: 40px;}

.colorfull{height: calc(100vh - 210px);background: #f90;position: relative;width: 100%;}
.index-body .header-fixed{position: relative;}
/*.index-body.fixed .header-fixed{position: fixed;}*/
.logo-work img{display: inline-block;vertical-align: middle;height: 24px;}
.logo-work span{display: inline-block;vertical-align: middle;font-size: 30px;margin-left: 5px; font-family: helveticanowdisplayregular;color: #778fcd;line-height: 1em;}

.colorfull li{width: 16.66%;position: absolute;top:0;height: 100%;background: #c8cbcc;overflow: hidden;}
.colorfull li:nth-child(1){left: 0;}
.colorfull li:nth-child(2){left: 16.66%;}
.colorfull li:nth-child(3){left: 33.32%;}
.colorfull li:nth-child(4){left: 49.98%;}
.colorfull li:nth-child(5){left: 66.64%;}
.colorfull li:nth-child(6){left: 83.3%;width: 16.7%;}
.colorfull li img{position: absolute;width: auto;height: 100%;top:0;}
.colorfull li:nth-child(1) img{left: -50%;animation: rotate3 8s linear infinite;}
.colorfull li:nth-child(2) img{left:-80%;animation: rotate2 8s linear infinite;}
.colorfull li:nth-child(3) img{left:-140%;animation: rotate3 8s linear infinite;}
.colorfull li:nth-child(4) img{;left:-140%;animation: rotate2 8s linear infinite;}
.colorfull li:nth-child(5) img{left:-200%;animation: rotate2 8s linear infinite; animation-delay: 300ms !important;}
.colorfull li:nth-child(6) img{right:0;animation: rotate3 8s linear infinite;animation-delay: 300ms !important;}

.zindex5{z-index: 5;}
.colorfull2{height:100%;position: absolute;width: 100%;z-index: -1;top:0;left: 0;}
.colorfull2 li{width: 16.66%;position: absolute;top:0;height: 100%;background: #c8cbcc;overflow: hidden;}
.colorfull2 li:nth-child(1){left: 0;}
.colorfull2 li:nth-child(2){left: 16.66%;}
.colorfull2 li:nth-child(3){left: 33.32%;}
.colorfull2 li:nth-child(4){left: 49.98%;}
.colorfull2 li:nth-child(5){left: 66.64%;}
.colorfull2 li:nth-child(6){left: 83.3%;width: 16.7%;}
.colorfull2 li img{position: absolute;width: auto;height: 100%;top:0;}
.colorfull2 li:nth-child(1) img{left: -50%;animation: rotate3 8s linear infinite;}
.colorfull2 li:nth-child(2) img{left:-80%;animation: rotate2 8s linear infinite;}
.colorfull2 li:nth-child(3) img{left:-140%;animation: rotate3 8s linear infinite;}
.colorfull2 li:nth-child(4) img{left:-140%;animation: rotate2 8s linear infinite;}
.colorfull2 li:nth-child(5) img{left:-200%;animation: rotate2 8s linear infinite; animation-delay: 300ms !important;}
.colorfull2 li:nth-child(6) img{right:0;animation: rotate3 8s linear infinite;animation-delay: 300ms !important;}



.colorfull3{position: fixed;width: 100%;z-index: -1;top:50%;left: 0;height: 1448px;margin-top: -500px;}
.colorfull3 li{width: 11%;position: absolute;top:0;height: 100%;background: #7f96d6;overflow: hidden;}
.colorfull3 li:nth-child(1){left: 0;}
.colorfull3 li:nth-child(2){left: 11%;}
.colorfull3 li:nth-child(3){left: 22%;}
.colorfull3 li:nth-child(4){left: 33%;}
.colorfull3 li:nth-child(5){left: 44%;}
.colorfull3 li:nth-child(6){left: 55%;}
.colorfull3 li:nth-child(7){left: 66%}
.colorfull3 li:nth-child(8){left: 77%;}
.colorfull3 li:nth-child(9){left: 88%;width: 12%;}
/*.colorfull3 li img{position: absolute;width: auto;height: 100%;top:0;}*/
/*.colorfull3 li:nth-child(1) img{left: -14%;animation: trotate1 8s linear infinite;}*/
/*.colorfull3 li:nth-child(2) img{left:-40%;animation: trotate2 8s linear infinite;}*/
/*.colorfull3 li:nth-child(3) img{left:-82%;animation: trotate3 8s linear infinite;}*/
/*.colorfull3 li:nth-child(4) img{left:-136%;animation: trotate4 8s linear infinite;}*/
/*.colorfull3 li:nth-child(5) img{left:-173%;animation: trotate3 8s linear infinite;}*/
/*.colorfull3 li:nth-child(6) img{left:-183%;animation: trotate1 8s linear infinite;}*/
/*.colorfull3 li:nth-child(7) img{left:-190%;animation: trotate2 8s linear infinite;}*/
/*.colorfull3 li:nth-child(8) img{left:-220%;animation: trotate4 8s linear infinite;}*/
/*.colorfull3 li:nth-child(9) img{left:-170%;animation: trotate1 8s linear infinite;}*/
/*.colorfull3 li .position-full{background-size: cover;}*/
.colorfull3 li:nth-child(1) .position-full{background-position: 0 0;animation: trotate1 8s linear infinite;}
.colorfull3 li:nth-child(2) .position-full{background-position: 12% 0;animation: trotate1 8s linear infinite;}
.colorfull3 li:nth-child(3) .position-full{background-position: 20% 0;animation: trotate1 8s linear infinite;}
.colorfull3 li:nth-child(4) .position-full{background-position: 30% 0;animation: trotate1 8s linear infinite;}
.colorfull3 li:nth-child(5) .position-full{background-position: 40% 0;animation: trotate1 8s linear infinite;}
.colorfull3 li:nth-child(6) .position-full{background-position: 50% 0;animation: trotate1 8s linear infinite;}
.colorfull3 li:nth-child(7) .position-full{background-position: 60% 0;animation: trotate1 8s linear infinite;}
.colorfull3 li:nth-child(8) .position-full{background-position: 70% 0;animation: trotate1 8s linear infinite;}
.colorfull3 li:nth-child(9) .position-full{background-position: 90% 0;animation: trotate1 8s linear infinite;}


@keyframes rotate1{
    0%{transform: scale(1) translate(0,0);}
    23%{transform: scale(1.5) translate(-10%,-10%);}
    46%{transform: scale(2) translate(10%,-10%);}
    69%{transform: scale(2) translate(10%,10%);}
    82%{transform: scale(1.5) translate(-10%,10%);}
    100%{transform: scale(1) translate(0,0);}
}
@keyframes rotate2{
    0%{transform: scale(1) translate(0,0);}
    23%{transform: scale(1.5) translate(-10%,10%);}
    46%{transform: scale(2) translate(10%,10%);}
    69%{transform: scale(2) translate(10%,-10%);}
    82%{transform: scale(1.5) translate(-10%,-10%);}
    100%{transform: scale(1) translate(0,0);}
}
@keyframes rotate3{
    0%{transform: scale(1) translate(0,0);}
    23%{transform: scale(1.5) translate(10%,10%);}
    46%{transform: scale(2) translate(10%,-10%);}
    69%{transform: scale(2) translate(-10%,-10%);}
    82%{transform: scale(1.5) translate(-10%,10%);}
    100%{transform: scale(1) translate(0,0);}
}
@keyframes rotate4{
    0%{transform: scale(1) translate(0,0);}
    23%{transform: scale(1.5) translate(10%,-10%);}
    46%{transform: scale(2) translate(10%,10%);}
    69%{transform: scale(2) translate(-10%,10%);}
    82%{transform: scale(1.5) translate(-10%,-10%);}
    100%{transform: scale(1) translate(0,0);}
}

@keyframes trotate1{
    0%{transform: scale(1.1) translate(0,0);}
    23%{transform: scale(1.3) translate(-5%,-5%);}
    46%{transform: scale(1.5) translate(5%,-5%);}
    69%{transform: scale(1.5) translate(5%,5%);}
    82%{transform: scale(1.3) translate(-5%,5%);}
    100%{transform: scale(1.1) translate(0,0);}
}
@keyframes trotate2{
    0%{transform: scale(1.1) translate(0,0);}
    23%{transform: scale(1.3) translate(5%,-5%);}
    46%{transform: scale(1.5) translate(5%,5%);}
    69%{transform: scale(1.5) translate(-5%,5%);}
    82%{transform: scale(1.3) translate(-5%,-5%);}
    100%{transform: scale(1.1) translate(0,0);}
}
@keyframes trotate3{
    0%{transform: scale(1) translate(0,0);}
    23%{transform: scale(1.2) translate(5%,5%);}
    46%{transform: scale(1.5) translate(-5%,5%);}
    69%{transform: scale(1.5) translate(-5%,-5%);}
    82%{transform: scale(1.2) translate(5%,-5%);}
    100%{transform: scale(1) translate(0,0);}
}
/*@keyframes trotate4{*/
    /*0%{transform: scale(1) translate(0,0);}*/
    /*23%{transform: scale(1.2) translate(-5%,5%);}*/
    /*46%{transform: scale(1.5) translate(-5%,-5%);}*/
    /*69%{transform: scale(1.5) translate(5%,-5%);}*/
    /*82%{transform: scale(1.2) translate(5%,5%);}*/
    /*100%{transform: scale(1) translate(0,0);}*/
/*}*/



/*index e*/
/*search s*/
.search-list li{margin-top: 80px;}
.search-list li h3{color: #778fcd;font-weight: bold;margin-bottom: 20px;}
.search-top{width: 800px;max-width: 100%;position: relative;}
.search-con{margin-right: 55px;}
.search-con .text{display: block;width: 100%;color: #778fcd;}
.search-con-btn{position: absolute;right: 0;top:50%;margin-top: -24px;width: 48px;height: 48px;}
.search-con-btn-close{background: url("../images/gb47.png") no-repeat center;background-size: cover;display: none;}
.search-con-btn-sb{background: url("../images/search48.png") no-repeat center;background-size: cover;}
/*search e*/
/*2.1服务-照明设计 s*/
/*.edit{overflow: hidden;}*/
.container-edit{width: 58.5%;width: 1065px;max-width: 100%;padding-top: 50px;}
.edit{padding-bottom: 80px;}
.edit-top{margin-bottom: 40px;}
.edit-top h1{color:#c8cbcc;}
/*.edit-con img{display: block;margin: 50px auto;max-width: 100%;height: auto !important;}*/
/*2.1服务-照明设计 e*/
/*3.1新闻 s*/
.xw{width: 75.3%;}
.xw-title{width: 40%;margin-bottom: 25px;}
.xw-con{width: 53%;}
.xw-con p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.date{position: absolute;bottom:0;left: 0;}
.xw-list li{margin: 50px 0;}
/*.xw-list li a{display: block;}*/
.xw-warp{margin-bottom: 25px;}
.ydgd{margin-top: 25px;color: #ffc400;}
/*3.1新闻 e*/

/*3.2新闻详情 s*/
.xwxq-con{width: 75.3%;}
.xwxq-con h2{margin-top: 50px;margin-bottom: 30px;}
/*.xwxq-con .des20{margin-top: 30px;}*/
.xwxq-b{font-size: 0;padding-top: 5%;}
.xwxq-b li{font-size: 14px;display: inline-block;vertical-align: top;width: 49.3%;margin-right: 1.4%;margin-bottom: 1.4%;}
.xwxq-b li:nth-child(even){margin-right: 0;}
.padding-b80{padding-bottom: 80px;}
/*3.2新闻详情 e*/
/*4.1理念 s*/
.ln-top h2{color: #fff;line-height: 1em;margin-bottom: 5px;font-family: helveticanowdisplayregular;}
.ln-top h3{color: #fff;margin-bottom: 30px;}
.ln-top p{color: #58595b;}
.linian li{width: 530px;max-width: 100%;margin-bottom: 80px;}
.linian li:nth-child(2){margin-left: 620px;width: 444px;}
.ln-bot{width: 748px;max-width: 100%;padding-bottom: 30px;}
.ln-bot p{margin-bottom: 20px;color: #58595b;}
/*4.1理念 e*/
/*5.1行业 s*/
.insImg{margin-bottom: 30px;}
.margin-b60{margin-bottom: 60px;}
.des18 p{font-size: 18px;text-align: justify;}
.insDot{position: absolute;z-index: 9;left: 0;width: 100%;bottom:20px;}
.insDot .swiper-pagination-bullet{border:1px solid #fff;background: none;margin: 0 4px;}
.insDot .swiper-pagination-bullet-active{background: #fff;}
/*5.1行业 e*/
/*6.1项目列表 s*/
.xm{margin-bottom: 2%;}
.xm a{display: block;position: relative;}
.xm-top{position: absolute;top:55px;right: 55px;left: 55px;z-index: 9;}
.xm-top h2{color: #c8cbcc;}
.xm-top p{color: #fff;}
.xm-list{font-size: 0;}
.xm-list li{font-size: 14px;display: inline-block;width: 32%;margin-right: 2%;margin-bottom: 2%;vertical-align: top;overflow: hidden;position: relative;}
.xm-list li:nth-child(3n){margin-right: 0;}
.xm-title{margin-top: 5%;}
.xm-title h3{}
.xm-title p{color: #778fcd;margin-bottom: 5px;}
.title-des-left{width: 24%;}
.title-des-left h2{margin-bottom: 10px;}
/*6.1项目列表 e*/
/*6.3项目详情 s*/
.xmxq-page1 .img100{width: 66.6%;}
.xmxq-des1{margin: 0 auto;width: 1054px;max-width: 100%;text-align: center;}
.margin-b80{margin-bottom: 80px;}
.xmxq-page2 .img100{width: 58%;}
.xmxq-des2{position: absolute;left: 0;top:0;height: 100%;width: 42%;}
.xmxq-warp2{padding: 0 100px;}
.xmxq-warp3{margin: 0 180px;}
.xmxq-page3 .img100{width: 41.3%;}
.xmxq-des3{position: absolute; width: 58.7%;right: 0;top:0;height: 100%;}
.xmxq-warp3 ul{border-top: 1px solid #dbddde;padding-top: 35px;margin-top: 20%;}
.xmxq-warp3 ul li{position: relative;margin-bottom: 15px;}
.xmxq-warp3 ul li span{position: absolute;left: 0;top:0;line-height: 1.6em;font-weight: bold;}
.xmxq-warp3 ul li p{margin-left: 310px;}
.line999{position: absolute;bottom:0;border-bottom: 1px solid #dbddde;left: 180px;right: 180px;}
/*6.3项目详情 e*/

/*7.1联系我们 s*/
.lxwm-top p{text-align: center;margin-bottom: 8px;}
.lxwm-from{background:rgba(255,255,255,.25);box-sizing: border-box;padding: 65px;width: 740px;max-width: 100%;margin: 0 auto;}
.input-list{width: 46%;margin-right: 8%;float: left;border-bottom:1px solid rgba(255,255,255,.7);box-sizing: border-box;margin-bottom: 5%;}
.input-list-lynr{border:1px solid rgba(255,255,255,.7);}
.input-list:nth-child(even){margin-right: 0;}
.input-list .text{display: block;width: 100%;height: 48px;line-height: 48px;color: #fff;background: none;font-size: 16px;}
.input-list select{display: block;width: 100%;height: 48px;line-height: 48px;color: #fff;background: none;font-size: 16px; border:none;}
.input-list select option{color: #333;}
.input-list .text::-webkit-input-placeholder{color:#fff;}
.input-list .text:-moz-placeholder{color:#fff;}
.input-list .text::-moz-placeholder{color:#fff;}
.input-list .text:-ms-input-placeholder{color:#fff;}
.input-list-full{width: 100%;margin-right: 0;}
.tijiao{display: block;margin: 0 auto;width: 150px;line-height: 50px;font-size: 16px;color: #fff;background: #778fcd;text-align: center;}
.input-list-select{position: relative;cursor: pointer;}
.input-list-select:after{content: '';position: absolute;width: 16px;height: 10px;background: url("../images/27x16.png") no-repeat center;background-size: cover;right: 10px;top:50%;margin-top: -5px;transition: all .4s;z-index: -1;}
/*.input-list-select.active:after{transform: rotate(180deg);}*/
.input-select-list{position: absolute;left: -2px;right: -2px; background: #fff;border:2px solid rgba(255,255,255,.7);overflow: auto;box-sizing: inherit;max-height: 198px;display: none;}
.input-select-list a{display: block;padding:6px 15px;font-size: 16px;color: #666;}
.input-select-list a:hover{background: #778fcd;color: #fff;}
.textarea{padding: 10px 15px;}
.textarea textarea{display: block;resize: none;width: 100%;font-size: 16px;color: #fff;background: none;height: 80px;}
.textarea textarea::-webkit-input-placeholder{color:#fff;}
.textarea textarea:-moz-placeholder{color:#fff;}
.textarea textarea::-moz-placeholder{color:#fff;}
.textarea textarea:-ms-input-placeholder{color:#fff;}
.input-list-province{z-index: 4;}
.input-list-select select{
    border: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}
.input-list-select select::-ms-expand { display: none;}
.gxq-list{font-size: 0;}
.gxq-list li{font-size: 16px;color: #fff; display: inline-block;vertical-align: top;width: 49%;margin-right: 2%;margin-top: 20px;}
.gxq-list li:nth-child(even){margin-right: 0;}
.input-list-gxq{padding: 15px 0;border-bottom: none !important;}
.gxq{color: #fff;font-size: 16px;}
.gxq-list li div{cursor: pointer;display: inline-block;}
.gxq-list li i{display: inline-block;vertical-align: middle;width: 18px;height: 18px;margin-right: 10px; border:1px solid #ebedf0;transition: all .4s;}
.gxq-list li span{display: inline-block;vertical-align: middle;}
.gxq-list li div:hover i{background: #ebedf0;}
.gxq-list li.active div i{background: #ebedf0;}

/*7.1联系我们 e*/
/*8.1招聘 s*/
.padding-tb30{padding: 30px 0;}
.zp-con{margin-left: 300px;}
.zp-type{width: 280px;}
.ljsq{width: 286px;line-height: 52px;background: #778fcd;color: #fff;box-sizing: border-box;display: block;font-size: 16px;padding:0 25px;position: relative;}
.ljsq i{position: absolute;width: 14px;height: 24px;top:50%;margin-top: -12px;right: 20px;background: url("../images/14x24.png") no-repeat center;background-size: cover;}
.zp-type-list{margin: 30px 0;}
.zp-type-list li{margin-bottom: 8px;}
.zp-type-list li:last-child{margin-bottom: 0;}
.zp-type-list li a{display: inline-block;position: relative;transition: all .4s;padding-bottom: 5px;}
.zp-type-list li a:after{content: '';position: absolute;width: 0;border-bottom: 1px solid #778fcd;bottom:0;left: 0;transition: all .4s;opacity: 0;}
.zp-type-list li.active a{color: #778fcd;}
.zp-type-list li.active a:after{width: 100%;opacity: 1;}
.zp-type-list li:hover a{color: #778fcd;}
.zp-type-list li:hover a:after{width: 100%;opacity: 1;}
.zp-con-top{font-size: 0;}
.zp-con-top-2 li{font-size: 14px;display: inline-block;vertical-align: top;width: 620px;max-width: 50%;}
.zp-con-top h2{margin-bottom: 30px;}
.zp-con-top li{margin-bottom: 120px;}
.zp-con-top-2 li:nth-child(1){padding-right: 10px;}
.zp-con-top-2 li:nth-child(2){padding-left: 10px;}
.zp-con-warp{width: 760px;max-width: 100%;}
.zp-con-top li:nth-child(3) .zp-con-warp{width: 390px;}
.zp-con-top li:nth-child(4) .zp-con-warp{width: 390px;}
.zp-type-page h3{font-weight: bold;}
/*.zp-con-top li h2{font-weight: bold;}*/



/*8.1招聘 e*/

.tjss{position: absolute;text-align: center;height: 40px;width: 40px; right: 0;top:50%;margin-top: -20px;background: url("../images/search48.png") no-repeat center;background-size: cover; display: none;}
.condition{text-align: right;margin-top: 20px;}
.condition a{display: inline-block;line-height: 32px;padding: 0 20px 0 10px;border:1px solid #f0f0f0;color: #999;position: relative;transition: all .4s;margin-bottom: 10px;}
.condition a:after{content: '';position: absolute;width: 10px;height: 10px;background: url("../images/gb47.png") no-repeat center;background-size: cover;right: 5px;top:50%;margin-top: -5px;opacity: 0.6;transition: all .4s;}
.condition a:hover{color: #000;border-color: #000;}
.condition a:hover:after{opacity: 1;}
.margin-b30{margin-bottom: 30px;}
.margin-b20{margin-bottom: 20px;}



.circle-box3{width: 514px;height: 514px;border:1px dashed #cacdce;border-radius: 100%;margin: 150px auto; max-width: 80%;}

.show-circle-group div{position: absolute;width: 50%;height: 50%;background: #fff;}
.show-circle-group1{bottom:50%;margin-bottom: 1px; left: -1px;}
.show-circle-group2{bottom:-1px;right: 50%;margin-right: 1px;}
.show-circle-group3{top:50%;right: -1px;margin-top: 1px;}
.show-circle-group4{top:-1px;right: -1px;}

.circle-box3.active .show-circle-group1{animation: change1 .5s linear both;}
.circle-box3.active .show-circle-group2{animation: change2 .5s .5s linear both;}
.circle-box3.active .show-circle-group3{animation: change2 .5s 1s linear both;}
.circle-box3.active .show-circle-group4{animation: change1 .5s 1.5s linear both;}
@keyframes change1 {
    0%{height:50%;}
    100%{height:0;}
}
@keyframes change2{
    0%{width:50%;}
    100%{width:0;}
}
.gh li{position: absolute;width: 36.6%;height: 36.6%;border-radius: 100%;}
.gh li .i{position: absolute;width: 100%;height: 100%;top:0;left: 0; border-radius: 100%;background: #c8cbcc;transform:scale(0);}
.gh li .img100{position: absolute;width: 100%;height: 100%;top:0;left: 0; z-index: 9;display: flex;align-items: center;justify-content: center;}
.gh li .img100 p{color: #fff;text-align: center;margin: 0 20px;font-size: 17px;}
.gh li:nth-child(1){left: 50%;margin-left: -18.3%;top:-18.3%;}
.gh li:nth-child(2){left: -11%;top:9%;}
.gh li:nth-child(3){left: -11%;bottom:9%;}
.gh li:nth-child(4){left: 50%;margin-left: -18.3%;bottom:-18.3%;}
.gh li:nth-child(5){right: -11%;bottom:9%;}
.gh li:nth-child(6){right: -11%;top:9%;}
.main3{display: flex;align-items: center;justify-content: center;opacity: 0;}
.circle-box3.active .gh li .i{animation:tobig3 .5s both;}
.circle-box3.active .gh li .img100,.circle-box3.active .main3{animation:show3 .5s both;opacity:0;}
.circle-box3.active .gh li:nth-child(1) .i{animation-delay: 2s !important;}
.circle-box3.active .gh li:nth-child(1) .img100{animation-delay: 2.5s !important;}
.circle-box3.active .gh li:nth-child(2) .i{animation-delay: 3s !important;}
.circle-box3.active .gh li:nth-child(2) .img100{animation-delay: 3.5s !important;}
.circle-box3.active .gh li:nth-child(3) .i{animation-delay: 4s !important;}
.circle-box3.active .gh li:nth-child(3) .img100{animation-delay: 4.5s !important;}
.circle-box3.active .gh li:nth-child(4) .i{animation-delay: 5s !important;}
.circle-box3.active .gh li:nth-child(4) .img100{animation-delay: 5.5s !important;}
.circle-box3.active .gh li:nth-child(5) .i{animation-delay: 6s !important;}
.circle-box3.active .gh li:nth-child(5) .img100{animation-delay: 6.5s !important;}
.circle-box3.active .gh li:nth-child(6) .i{animation-delay: 7s !important;}
.circle-box3.active .gh li:nth-child(6) .img100{animation-delay: 7.5s !important;}
.circle-box3.active .main3{animation-delay: 8s !important;}

.main3 p{color: #778fcd;text-align: center;font-size: 17px;}
@keyframes tobig3{
    0%{transform:scale(0);opacity: 0;}
    100%{transform:scale(1);opacity: 1;}
}
@keyframes show3{
    0%{opacity:0;}
    100%{opacity:1;}
}


.box2{margin: 100px 0;}
.box2-img{width: 62.35%;overflow: hidden;}
.box2-img .img100{transform:scale(0);z-index: 3;}
.box2-jt{width: 15.6%;}
.box2-text{position: absolute;top:50%;left: 0;transform: translateY(-50%);text-align: center;width: 89%;opacity: 0;}
.box2-text p{font-size: 17px;color: #778fcd;text-align: center;margin-bottom: 10px;}
.box2-text p:last-child{margin-bottom: 0;}
.quyu{display: flex;align-items: center;padding-left: 15.6%;}
.quyu li{float: left;width: 15.7%;position: relative;margin-left: 2.5%;}
.quyu li .i{position: absolute;width: 100%;height: 100%;top:0;left: 0; border-radius: 100%;background: #c8cbcc;opacity: 0;}
.quyu li .img100{position: absolute;width: 100%;height: 100%;top:0;left: 0; z-index: 9;display: flex;align-items: center;justify-content: center;}
.quyu li .img100 p{color: #fff;text-align: center;margin: 0 5px;font-size: 17px;}
.box2-title{position: absolute;width: 100%;bottom:5%;text-align: center;font-size: 17px;color: #778fcd;left: 0;}

.loop-box{position: absolute;width: 98%;height: 100%;border-radius: 100%;top:0;left: 2%;overflow: hidden;z-index: 1;}
.loop-box div{width: 36%;height: 36%; position: absolute;border:1px dashed #d1d4d4;border-radius: 100%;display: flex;justify-content: center;align-items: center;text-align: center;transform: scale(0);}
.loop1{left: 19%;top: 7%;}
.loop2{left: 18%;top: 55%;}
.loop3{right: 2%;top: 34%;}
.loop4{left: 48%;top: -6%;}
.loop5{left: 36%;top: 46%;}
.loop6{left: 2%;top: 67%;}
.loop7{left: 63%;top: 77%;}
.loop8{left: 65.5%;top: 3.5%;}
.loop9{left: 5%;top: 29%;}
.box2.active .loop-box div{animation:loops 3s both;}
@keyframes loops{
    0%{transform:scale(0);}
    /*50%{transform:scale(1);}*/
    100%{transform:scale(1);}
}
.box2 .box2-jt .img100{opacity: 0;}
.box2.active .box2-jt .img100{animation: toright2 1s both;}
.box2.active .box2-jt .box2-text{animation: show3 1s 1s both;}
.box2.active .quyu .i{animation:tobig3 .5s both;}
.box2.active .quyu .img100,.box2-title{animation:show3 .5s both;}
.box2.active .box2-img .img100{animation:tobig3 1s both;}
.box2.active .quyu li:nth-child(1) .i{animation-delay:1.5s !important;}
.box2.active .quyu li:nth-child(1) .img100{animation-delay: 2s;}
.box2.active .quyu li:nth-child(2) .i{animation-delay:2.5s !important;}
.box2.active .quyu li:nth-child(2) .img100{animation-delay: 3s;}
.box2.active .quyu li:nth-child(3) .i{animation-delay:3.5s !important;}
.box2.active .quyu li:nth-child(3) .img100{animation-delay: 4s;}
.box2.active .quyu li:nth-child(4) .i{animation-delay:4.5s !important;}
.box2.active .quyu li:nth-child(4) .img100{animation-delay: 5s;}
.box2.active .box2-img .img100{animation-delay: 5.5s;}

.box2.active .loop-box .loop1{animation-delay: 6s !important;}
.box2.active .loop-box .loop2{animation-delay: 6.5s !important;}
.box2.active .loop-box .loop3{animation-delay: 7s !important;}
.box2.active .loop-box .loop4{animation-delay: 7.5s !important;}
.box2.active .loop-box .loop5{animation-delay: 8s !important;}
.box2.active .loop-box .loop6{animation-delay: 8.5s !important;}
.box2.active .loop-box .loop7{animation-delay: 9s !important;}
.box2.active .loop-box .loop8{animation-delay: 9.5s !important;}
.box2.active .loop-box .loop9{animation-delay: 10s !important;}

.box2.active .box2-title{animation-delay: 12s;}

@keyframes toright2{
    0%{transform: translateX(-100%);opacity: 0;}
    100%{transform: translateX(0);opacity: 1;}
}

.box1{margin:100px auto 200px;}
.box1-td-list{width: 44.6%;margin: 0 auto;position: relative;z-index: 3;}
.box1-td-list li{width: 55%;height: 55%;position: absolute;}
.box1-td-list li:nth-child(1){left: 0;top:0;}
.box1-td-list li:nth-child(2){right: 0;top:0;}
.box1-td-list li:nth-child(3){left: 0;bottom:0;}
.box1-td-list li:nth-child(4){right: 0;bottom:0;}
.box1-td-list li:nth-child(5){left: 100%;top:50%;margin-top: -27.5%;margin-left: 4%;}
.box1-td-list li:nth-child(5) .i{background: #fff;}
.box1-td-list li .i{position: absolute;width: 100%;top:0;left: 0;height: 100%;border:1px solid #d8d9da;border-radius: 100%;transform: scale(0);}
.box1-td-list li .img100{position: absolute;width: 100%;top:0;left: 0;height: 100%;display: flex;justify-content: center;align-items: center;text-align: center;z-index: 9;opacity: 0;}

.box1-td-list li .img100 p{color: #c8cbcc;font-size: 17px;}
.box1-title-c{position: absolute;top:0;left: 0;color: #778fcd;font-size: 17px;padding-top: 8px;opacity: 0;}
.td-jia{text-align: center;background: #c8cbcc url("../images/jia36.png") no-repeat center;background-size:cover;border-radius: 100%;width: 8%;height: 8%;right: -1%;top:50%;margin-top: -4%;position: absolute;color: #fff;font-size: 18px;display: flex;align-items: center;justify-content: center;opacity: 0;}
.box1-title{position: absolute;top:50%;width: 100%;left: 0;}
.box1-title .i{border-top:1px solid rgba(0,0,0,.1);transform-origin: left;transform: scale(0);}
.box1-fa .box1-title{z-index: 6;}
.box1-fa{margin: 6% 0 10%;}
.box1-fa-con{width: 24.6%;margin: 0 auto;position: relative;}
.box1-fa-ward .i{background: #9da2a3;opacity: 0.5;border-radius: 100%;transform: scale(0);}
.box1-fa-text{text-align: center;opacity: 0;}
.box1-fa-text p{font-size: 17px;color: #fff;margin: 5px 0; text-align: center;}
.box1-fa-text{z-index: 9;}
.box1-lc-list{width: 65%;margin: 0 auto;position: relative;}
.box1-lc-list li{position: absolute;width: 23%;;display: flex;align-items: center;justify-content: center;top:0;}
.box1-lc-list li .i{position: absolute;width: 100%;height: 100%;top:0;left: 0; border-radius: 100%;background: #9da2a3;opacity: 0.5;transform: scale(0)}
.box1-lc-list li:nth-child(1){position: relative;}
.box1-lc-list li .jt{background: url("../images/22x40.png") no-repeat center;background-size: cover;position: absolute;right: 1%;top:50%;transform: translateY(-50%);width:14%;height: 25%;z-index: 8;}
.box1-lc-list li .text{font-size: 17px;color: #fff;z-index: 9;opacity: 0;}
.box1-lc-list li:nth-child(2){left: 19%;}
.box1-lc-list li:nth-child(3){left: 38%;}
.box1-lc-list li:nth-child(4){left: 57%;}
.box1-lc-list li:nth-child(5){left: 76%;}
.box1-lc-list li:nth-child(5) .jt{display: none;}
.box1-line{position: absolute;top:50%;left: 50%;;height: 64%;z-index: 3;}
.box1-fa{z-index: 5;}
.box1-line .i{position: absolute;height: 100%;top:0;left: 0;border-right: 2px dashed rgba(0,0,0,.1);transform: scale(0);}
.box1-line .jt{background: url("../images/jt40x23.png") no-repeat center;background-size: cover;left: 50%;margin-left: -19px;width: 40px;height:23px;top:84%;position: absolute;opacity: 0;}
.box1-fa-line > div{position: absolute;top:50%;left: 50%;transform-origin: top;}
.box1-fa-line .i{position: absolute;width: 100%;height: 100%;left: 0;top:0;border-right:2px dashed rgba(0,0,0,.1);transform-origin: top;}
.box1-fa-line1{height: 135%;transform: rotate(48deg);}
.box1-fa-line2{height: 105%;transform: rotate(30deg);}
.box1-fa-line3{height: 91%;}
.box1-fa-line4{height: 105%;transform: rotate(-30deg);}
.box1-fa-line5{height: 135%;transform: rotate(-48deg);}
.box1-fa-line div .i{transform: scale(0);}

.box1.active .box1-title .i{animation:tobig3 2s both;}
.box0.active .box1-title .i{animation:tobig3 1s both;}
.box1.active .box1-title-c,.box0.active .box1-title-c,.box1.active .td-jia,.box0.active .td-jia{animation:show3 .5s both;}
.box1.active .box1-td .box1-title-c{animation-delay: 2s !important;}
.box1.active .box1-td-list li .i,.box1.active .box1-fa-ward .i,.box1.active .box1-fa-line div .i,.box1.active .box1-lc-list li .i{animation:tobig3 .5s both;}
.box0.active .box1-td-list li .i,.box0.active .box1-fa-ward .i,.box0.active .box1-fa-line div .i,.box0.active .box1-lc-list li .i,.box0.active .div0-line .i .is{animation:tobig3 .5s both;}
.box1.active .box1-td-list li .img100,.box1.active .box1-fa-text,.box1.active .box1-lc-list li .text{animation:show3 .5s both;}
.box0.active .box1-td-list li .img100,.box0.active .box1-fa-text,.box0.active .box1-lc-list li .text{animation:show3 .5s both;}
.box1.active .box1-line .i{animation:tobig3 .5s both;transform-origin: top;}
.box1.active .box1-line .jt{animation: tobottom1 .5s both;}
@keyframes tobottom1{
    0%{top:0;opacity: 0;}
    100%{top:85%;opacity: 0.3;}
}
.box1.active .box1-lc-list li .jt{animation: move10 .5s both;}
@keyframes move10{
    0%{margin-right: 20px;opacity: 0;}
    100%{margin-left: 0;opacity: 1;}
}

.box0.active .box1-lc-list li .jt{
    animation: movebb .5s both;
}
@keyframes movebb{
    0%{bottom:10%;opacity: 0;}
    100%{bottom:1%;opacity: 1;}
}


.box1.active .box1-td-list li:nth-child(1) .i{animation-delay: 2.5s !important;}
.box1.active .box1-td-list li:nth-child(1) .img100{animation-delay: 3s !important;}
.box1.active .box1-td-list li:nth-child(2) .i{animation-delay: 3.5s !important;}
.box1.active .box1-td-list li:nth-child(2) .img100{animation-delay: 4s !important;}
.box1.active .box1-td-list li:nth-child(3) .i{animation-delay: 4.5s !important;}
.box1.active .box1-td-list li:nth-child(3) .img100{animation-delay: 5s !important;}
.box1.active .box1-td-list li:nth-child(4) .i{animation-delay: 5.5s !important;}
.box1.active .box1-td-list li:nth-child(4) .img100{animation-delay: 6s !important;}
.td-jia{animation-delay: 6.5s !important;}
.box1.active .box1-td-list li:nth-child(5) .i{animation-delay: 7s !important;}
.box1.active .box1-td-list li:nth-child(5) .img100{animation-delay: 7.5s !important;}
.box1.active .box1-line .i{animation-delay: 8s !important;}
.box1.active .box1-line .jt{animation-delay: 8.5s !important;}
.box1.active .box1-fa .box1-title .i{animation-delay: 9s !important;}
.box1.active .box1-fa .box1-title-c{animation-delay: 11s !important;}
.box1.active .box1-fa-ward .i{animation-delay: 11.5s !important;}
.box1.active .box1-fa-text{animation-delay: 12s !important;}
.box1.active .box1-lc .box1-title .i{animation-delay: 12.5s !important;}
.box1.active .box1-lc .box1-title-c{animation-delay: 14.5s !important;}
.box1.active .box1-fa-line div:nth-child(1) .i{animation-delay: 15s !important;}
.box1.active .box1-lc-list li:nth-child(1) .i{animation-delay: 15.5s !important;}
.box1.active .box1-lc-list li:nth-child(1) .text{animation-delay: 16s !important;}
.box1.active .box1-lc-list li:nth-child(1) .jt{animation-delay: 16.5s !important;}
.box1.active .box1-fa-line div:nth-child(2) .i{animation-delay: 17s !important;}
.box1.active .box1-lc-list li:nth-child(2) .i{animation-delay: 17.5s !important;}
.box1.active .box1-lc-list li:nth-child(2) .text{animation-delay: 18s !important;}
.box1.active .box1-lc-list li:nth-child(2) .jt{animation-delay: 18.5s !important;}
.box1.active .box1-fa-line div:nth-child(3) .i{animation-delay: 19s !important;}
.box1.active .box1-lc-list li:nth-child(3) .i{animation-delay: 19.5s !important;}
.box1.active .box1-lc-list li:nth-child(3) .text{animation-delay: 20s !important;}
.box1.active .box1-lc-list li:nth-child(3) .jt{animation-delay: 20.5s !important;}
.box1.active .box1-fa-line div:nth-child(4) .i{animation-delay: 21s !important;}
.box1.active .box1-lc-list li:nth-child(4) .i{animation-delay: 21.5s !important;}
.box1.active .box1-lc-list li:nth-child(4) .text{animation-delay: 22s !important;}
.box1.active .box1-lc-list li:nth-child(4) .jt{animation-delay: 22.5s !important;}
.box1.active .box1-fa-line div:nth-child(5) .i{animation-delay: 23s !important;}
.box1.active .box1-lc-list li:nth-child(5) .i{animation-delay: 23.5s !important;}
.box1.active .box1-lc-list li:nth-child(5) .text{animation-delay: 24s !important;}
.box1.active .box1-lc-list li:nth-child(5) .jt{animation-delay: 24.5s !important;}



/*.box0 .box1-title .i{transform: scale(1);}*/
/*.box0 .box1-title-c{opacity: 1;}*/
/*.box0 .box1-td-list li .img100{opacity: 1;}*/
/*.box0 .box1-td-list li .i{transform: scale(1);}*/
/*.box0 .td-jia{opacity: 1;}*/
/*.box0 .box1-line .i{transform: scale(1);}*/
/*.box0 .box1-line .jt{opacity: 1;}*/
/*.box0 .box1-fa-ward .i{transform: scale(1);}*/
/*.box0 .box1-fa-text{opacity: 1;}*/
/*.box0 .box1-fa-line div .i{transform:scale(1);}*/
/*.box0 .box1-lc-list li .i{transform:scale(1);}*/
/*.box0 .box1-lc-list li .text{opacity: 1;}*/

.box0{font-size: 0;}
.box0 .box1-td{display: inline-block;vertical-align: middle;font-size: 14px;width: 53%;}
.box0 .box1-lc .box1-title .i{width: 25%;}
.box0 .box1-fa{display: inline-block;vertical-align: middle;font-size: 14px;width: 23%;}
.box0 .box1-lc{display: inline-block;vertical-align: middle;font-size: 14px;width: 24%;}
.box0 .box1-td-list{width: 57%;margin: 0 0 0 6%;}
.box0 .box1-td-list p{text-align: center;}
.box0 .box1-fa{margin: 0;}
.box0 .box1-td-list li:nth-child(5){margin-left: 10%;}
.box0 .td-jia{width: 11%;height: 11%;margin-top: -5.5%;right: -7%;}
.box0 .box1-title-c{top:50%;padding-top: 0;transform: translateY(-50%);line-height: 2em;width: 28.61%;text-align: center;}
.box0 .box1-td .box1-title-c{width: auto;padding-top: 8px;top:0;transform: none;line-height: normal;}
.box0 .box1-fa-con{width: 71.39%;margin: 0 0 0 auto;}
.box0 .box1-lc-list li{position: relative;right: 0 !important;left: auto !important;width: 100%;margin:-28% 0;}
.box0 .box1-lc-list{width: 62%;}
.box0 .box1-lc-list li .jt{right: 50%;margin-right: -7%;top:auto;bottom:1%;transform: rotate(90deg);}
.box0 .box1-fa-ward .i{background: #c8cbcc;opacity: 1;z-index: 9;}
.div0-line .i{position: absolute;left: 25%;top:50%;transform-origin: left;}
.div0-line .i .is{width: 100%;left: 0;top:0;border-top: 1px solid #ddd;transform: scale(0);transform-origin: left;}
.div0-line .i:nth-child(1){width: 89%;transform: rotate(-81.5deg);}
.div0-line .i:nth-child(2){width: 43%;transform: rotate(-72deg);}
.div0-line .i:nth-child(3){width: 13.3%;}
.div0-line .i:nth-child(4){width: 43%;transform: rotate(72deg);}
.div0-line .i:nth-child(5){width: 89%;transform: rotate(81.5deg);}

.box0 .box1-td-list li .img100{flex-direction: column;}

.box0.active .box1-td .box1-title-c{animation-delay: 1s !important;}
.box0.active .box1-td-list li:nth-child(1) .i{animation-delay: 1.5s !important;}
.box0.active .box1-td-list li:nth-child(1) .img100{animation-delay: 2s !important;}
.box0.active .box1-td-list li:nth-child(2) .i{animation-delay: 2.5s !important;}
.box0.active .box1-td-list li:nth-child(2) .img100{animation-delay: 3s !important;}
.box0.active .box1-td-list li:nth-child(3) .i{animation-delay: 3.5s !important;}
.box0.active .box1-td-list li:nth-child(3) .img100{animation-delay: 4s !important;}
.box0.active .box1-td-list li:nth-child(4) .i{animation-delay: 4.5s !important;}
.box0.active .box1-td-list li:nth-child(4) .img100{animation-delay: 5s !important;}
.box0.active .td-jia{animation-delay: 5.5s !important;}
.box0.active .box1-td-list li:nth-child(5) .i{animation-delay: 6s !important;}
.box0.active .box1-td-list li:nth-child(5) .img100{animation-delay: 6.5s !important;}
.box0.active .box1-fa .box1-title .i{animation-delay: 7s !important;}
.box0.active .box1-fa .box1-title .box1-title-c{animation-delay: 7.5s !important;}
.box0.active .box1-fa-ward .i{animation-delay: 8s !important;}
.box0.active .box1-fa-ward .box1-fa-text{animation-delay: 8.5s !important;}

.box0.active .box1-lc .box1-title .i{animation-delay: 9s !important;}
.box0.active .box1-lc .box1-title .box1-title-c{animation-delay: 9.5s !important;}

.box0.active .div0-line .i:nth-child(1) .is{animation-delay: 10s !important;}
.box0.active .box1-lc-list li:nth-child(1) .i{animation-delay: 10.5s !important;}
.box0.active .box1-lc-list li:nth-child(1) .text{animation-delay: 11s !important;}
.box0.active .box1-lc-list li:nth-child(1) .jt{animation-delay: 11.5s !important;}

.box0.active .div0-line .i:nth-child(2) .is{animation-delay: 12s !important;}
.box0.active .box1-lc-list li:nth-child(2) .i{animation-delay: 12.5s !important;}
.box0.active .box1-lc-list li:nth-child(2) .text{animation-delay: 13s !important;}
.box0.active .box1-lc-list li:nth-child(2) .jt{animation-delay: 13.5s !important;}

.box0.active .div0-line .i:nth-child(3) .is{animation-delay: 14s !important;}
.box0.active .box1-lc-list li:nth-child(3) .i{animation-delay: 14.5s !important;}
.box0.active .box1-lc-list li:nth-child(3) .text{animation-delay: 15s !important;}
.box0.active .box1-lc-list li:nth-child(3) .jt{animation-delay: 15.5s !important;}

.box0.active .div0-line .i:nth-child(4) .is{animation-delay: 16s !important;}
.box0.active .box1-lc-list li:nth-child(4) .i{animation-delay: 16.5s !important;}
.box0.active .box1-lc-list li:nth-child(4) .text{animation-delay: 17s !important;}
.box0.active .box1-lc-list li:nth-child(4) .jt{animation-delay: 17.5s !important;}

.box0.active .div0-line .i:nth-child(5) .is{animation-delay: 18s !important;}
.box0.active .box1-lc-list li:nth-child(5) .i{animation-delay: 18.5s !important;}
.box0.active .box1-lc-list li:nth-child(5) .text{animation-delay: 19s !important;}
.box0.active .box1-lc-list li:nth-child(5) .jt{animation-delay: 19.5s !important;}
.xm-hide{background:#778fcd;padding: 30px;opacity: 0;transition: all .6s;}
li a:hover .xm-hide{opacity: 1;}
.xm-hide .logo-work span{color: #fff;}
.xm-hide-bot{position: absolute;left: 30px;right: 30px;bottom:30px;}
.xm-hide-bot span{color: #fff;}
.xm-hide-bot span{display: inline-block;}
.index-body .header-top{padding: 45px 0;margin-bottom: 160px;}
.index-body .logo img{height: 114px;}
.index-header{height: 448px;}
.is-short .logo img{height: 67px;}
.is-short .index-header{height: 191px;}
.is-short .header-top{margin-bottom: 0;padding: 40px 0 0;}


.color555{display: none}
.is-scroll .color555{display: block}
.imgmax img{max-width: 100%;vertical-align: bottom;}
.maodian{position: absolute;left: 0;top:-148px;}

.imgscale .img100{overflow: hidden;}
.imgscale .img100 img{transition: all .6s;}
.imgscale:hover .img100 img{transform: scale(1.05);}
.background-cover{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.img8888{animation-duration: 3s !important;}
.slideUp,.swiper-slide-active .banner-des{
    animation:slideUp .9s both ease-in-out;-webkit-animation:slideUp .9s both ease-in-out;
}
@keyframes slideUp{
    0%{opacity:0;-webkit-transform: translateY(35%);transform: translateY(35%);}
    100%{opacity: 1;-webkit-transform: translateY(0px);transform: translateY(0px);}
}
.slideLeft{
    animation:slideLeft .9s both ease-in-out;-webkit-animation:slideLeft .9s both ease-in-out;
}
@keyframes slideLeft{
    0%{opacity:0;-webkit-transform: translateX(-35%);transform: translateX(-35%);}
    100%{opacity: 1;-webkit-transform: translateX(0px);transform: translateX(0px);}
}