@charset "UTF-8";
/*header*/
.header{z-index:1000;position:fixed;height:83px;width:100%;}
.header .back{z-index:1010;position:fixed;height:83px;width:100%;background: rgba(255,255,255,.9);-webkit-box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px);;-webkit-transform:translateY(-83px);-moz-transform:translateY(-83px);-ms-transform:translateY(-83px);-o-transform:translateY(-83px);transform:translateY(-83px);visibility:hidden;opacity:0;-webkit-transition:opacity .8s,visibility .8s,-webkit-transform .8s ease-in-out;transition:opacity .8s,visibility .8s,-webkit-transform .8s ease-in-out;-o-transition:opacity .8s,visibility .8s,-o-transform .8s ease-in-out;-moz-transition:transform .8s ease-in-out,opacity .8s,visibility .8s,-moz-transform .8s ease-in-out;transition:transform .8s ease-in-out,opacity .8s,visibility .8s;transition:transform .8s ease-in-out,opacity .8s,visibility .8s,-webkit-transform .8s ease-in-out,-moz-transform .8s ease-in-out,-o-transform .8s ease-in-out;transition:transform .8s ease-in-out,opacity .8s,visibility .8s,-webkit-transform .8s ease-in-out;-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
.header .content{z-index:1020;position:fixed;height:83px;width:100%;padding:0 6rem;border-bottom:1px solid rgba(255,255,255,.2)}
.header .content .left svg{display:inline-block;width:20rem;fill:#fff;}
.header .content .left svg *{-webkit-transition:fill .8s;-o-transition:fill .8s;-moz-transition:fill .8s;transition:fill .8s;}
.header .content .right nav{margin-right:5rem}
.header .content .right nav a{line-height:82px;padding:0 24px;color:#fff;-webkit-transition:color .8s;-o-transition:color .8s;-moz-transition:color .8s;transition:color .8s;}
.header .content .right nav a::after{content:'';border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#fff;width:0;-webkit-transition:width .8s,border-bottom-color .8s;-o-transition:width .8s,border-bottom-color .8s;-moz-transition:width .8s,border-bottom-color .8s;transition:width .8s,border-bottom-color .8s;-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
.header .content .right nav a.active::after,.header .content .right nav a:hover::after{width:100%}
.header .content .right .right-right{height:83px;border-left:1px solid rgba(255,255,255,.2);text-align:right;padding-left:6rem;color:#fff;-webkit-transition:all .8s;-o-transition:all .8s;-moz-transition:all .8s;transition:all .8s;}
.header .content .right .right-right .right-right-dd{margin-bottom:5px}
.header .content .right .right-right .right-right-dd span{margin-right:6px}
.header .content .right .right-right .right-right-dt{font-weight:bolder;font-family:DIN}
.header .content .right .right-right .nav-toggle{display: none;width:3.9rem;height:60px;position: relative;margin-left: 1.5rem;padding-left: 1.5rem;border-left:1px solid rgba(255,255,255,.2);}
.header .content .right .right-right .nav-toggle span.hamburger,
.header .content .right .right-right .nav-toggle span.hamburger:after,
.header .content .right .right-right .nav-toggle span.hamburger:before {content:"";display:block;width:24px;height:2px;background:#fff;position:absolute;top:50%;margin-top:-1px;left: 1.5rem;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:-webkit-transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-o-transition:-o-transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000), -moz-transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000), -webkit-transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000), -moz-transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000), -o-transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-moz-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-o-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-delay:0.15s;-moz-transition-delay:0.15s;-o-transition-delay:0.15s;transition-delay:0.15s;}
.header .content .right .right-right .nav-toggle span.hamburger:after {margin-top:-7px;top:0;left: 0;-webkit-transition-delay:0.27s;-moz-transition-delay:0.27s;-o-transition-delay:0.27s;transition-delay:0.27s;}
.header .content .right .right-right .nav-toggle span.hamburger:before {margin-top:7px;top:0;left: 0;-webkit-transition-delay:0.2s;-moz-transition-delay:0.2s;-o-transition-delay:0.2s;transition-delay:0.2s;}
.header .content .right .right-right .nav-toggle span.cross:before,
.header .content .right .right-right .nav-toggle span.cross:after {content:"";display:block;width:24px;height:2px;background:#fff;position:absolute;top:50%;margin-top:-1.5px;left:1.5rem;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);-moz-transform:translateY(-70px) translateX(-70px) rotate(45deg);-ms-transform:translateY(-70px) translateX(-70px) rotate(45deg);-o-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);-webkit-transition-delay:0.12s;-moz-transition-delay:0.12s;-o-transition-delay:0.12s;transition-delay:0.12s;}
.header .content .right .right-right .nav-toggle span.cross:after {-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);-moz-transform:translateY(70px) translateX(-70px) rotate(-45deg);-ms-transform:translateY(70px) translateX(-70px) rotate(-45deg);-o-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.header .content .right .right-right .nav-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);-moz-transform:translateY(-70px) translateX(70px) rotate(-45deg);-ms-transform:translateY(-70px) translateX(70px) rotate(-45deg);-o-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.header.black .back {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);visibility: visible;opacity: 1}
.header.black .content .right nav a, .header.black .content .right .right-right{color: #000;border-color: #efefef;}
.header.black .content .left svg .cls-1{fill: #007c18;}
.header.black .content .left svg .cls-2{fill: #00388c;}
.header.black .content .left svg .cls-3{fill: #333333;}
.header.black .content .right .right-right .nav-toggle span.hamburger,
.header.black .content .right .right-right .nav-toggle span.hamburger:after,
.header.black .content .right .right-right .nav-toggle span.hamburger:before{background: #000;}
.header.black .content .right .right-right .nav-toggle span.cross,
.header.black .content .right .right-right .nav-toggle span.cross:after,
.header.black .content .right .right-right .nav-toggle span.cross:before{background: #000;}
.no-touch .header .content .right .right-right .nav-toggle span.hamburger,
.no-touch .header .content .right .right-right .nav-toggle span.hamburger:after,
.no-touch .header .content .right .right-right .nav-toggle span.hamburger:before {-webkit-transition-delay:0.12s;-moz-transition-delay:0.12s;-o-transition-delay:0.12s;transition-delay:0.12s;-webkit-transform:translateX(-70px);-moz-transform:translateX(-70px);-ms-transform:translateX(-70px);-o-transform:translateX(-70px);transform:translateX(-70px);}
.no-touch .header .content .right .right-right .nav-toggle span.hamburger,
.no-touch .header .content .right .right-right .nav-toggle span.hamburger:after,
.no-touch .header .content .right .right-right .nav-toggle span.hamburger:before {-webkit-transform:translateX(70px);-moz-transform:translateX(70px);-ms-transform:translateX(70px);-o-transform:translateX(70px);transform:translateX(70px);}
.no-touch .nav-toggle span.hamburger:after {-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;}
.no-touch .nav-toggle span.hamburger:before {-webkit-transition-delay:0.07s;-moz-transition-delay:0.07s;-o-transition-delay:0.07s;transition-delay:0.07s;}
.no-touch .header .content .right .right-right .nav-toggle span.cross:before {-webkit-transition-delay:0.12s;-moz-transition-delay:0.12s;-o-transition-delay:0.12s;transition-delay:0.12s;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.no-touch .header .content .right .right-right .nav-toggle span.cross:after {-webkit-transition-delay:0.24s;-moz-transition-delay:0.24s;-o-transition-delay:0.24s;transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;-moz-transform:rotate(-45deg) !important;-ms-transform:rotate(-45deg) !important;-o-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}
.header .mnav{position: fixed;overflow-y: auto;overflow-x: hidden;width: 100%;height: 100%;left: 0;top: 0;z-index: 1009;padding:10rem 0;background: #000;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-transition:all .4s ease;-o-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;display:block;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);}
.header .mnav.is-visible {-webkit-transform:translateX(0px);-moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform:translateX(0px);transform:translateX(0px);display: block;}
.header .mnav a{display: block;width: 100%;padding: 3rem 0;color: #fff;font-weight: bold;font-size: 1.8rem;text-align: center;}

/*banner*/
.banner{height:100vh;position: relative;}
.banner .swiper{height: 100%;}
.banner .banner-line{position: absolute;bottom: 60px;z-index: 1;text-align: center;}
.banner .banner-line .swiper-pagination-bullet{width: 80px;height: 1px;background: #918f92;opacity: .3;}
.banner .banner-line .swiper-pagination-bullet .line-animate{height: 1px;width: 0;background: #fff;}
.banner .banner-line .swiper-pagination-bullet.swiper-pagination-bullet-active .line-animate{width:80px;-webkit-transition:width 5s ease-out;-o-transition:width 5s ease-out;-moz-transition:width 5s ease-out;transition:width 5s ease-out}
.banner .vidbg-box{height:100%}
.banner .vidbg-box .vidbg-container{position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;overflow:hidden;-o-background-size:cover;background-size:cover;background-repeat:no-repeat;background-position:center center}
.banner .vidbg-box .vidbg-container video{position:absolute;margin:0;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.25s opacity ease-in-out;-o-transition:.25s opacity ease-in-out;-moz-transition:.25s opacity ease-in-out;transition:.25s opacity ease-in-out;max-width:none;opacity:0}
.banner .vidbg-box .vidbg-overlay{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px);}
.banner .scroll-wrap{position: absolute;left: 6.8vw;bottom: 0}
.banner .scroll-wrap .scroll{height:54px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;-o-transform-origin:0 0;transform-origin:0 0;cursor:pointer;position:absolute;z-index:600}
.banner .scroll-wrap .line-wrap{width:180px;height:2px;background:#918f92;overflow:hidden;opacity:.5}
.banner .scroll-wrap .line{width:30px;height:2px;background:#fff;margin-left:150px;-webkit-animation:downmove 3s infinite;-moz-animation:downmove 3s infinite;-o-animation:downmove 3s infinite;animation:downmove 3s infinite}
.banner .scroll-wrap .title{color:#fff;margin-left:16px}
@-webkit-keyframes downmove{0%{margin-left:160px}to{margin-left:-20px}}
@-moz-keyframes downmove{0%{margin-left:160px}to{margin-left:-20px}}
@-o-keyframes downmove{0%{margin-left:160px}to{margin-left:-20px}}
@keyframes downmove{0%{margin-left:160px}to{margin-left:-20px}}
.banner .banner-arrow{ position: absolute; top: 0; right: 4.3vw; z-index: 1; height: 100%;color: #fff;opacity: .5;text-align: center;}
.banner .banner-arrow .banner-prev{ margin-bottom: 40px; cursor: pointer;}
.banner .banner-arrow .banner-next{ cursor: pointer;-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.banner .text-1{position: absolute;top: 50%;-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 2;color: #fff;text-align: center;width: 100%;}
.banner .text-1 .en{display: block;text-transform: uppercase;font-weight: lighter;letter-spacing: 10px;}
.banner .text-1 .tt{display: block;line-height: 1.5;margin-top: 1.5rem;font-weight: bold;letter-spacing: 2px;}
.banner .bg-img-2 {position: absolute;width: 100%; height: 100%;top: 0;left:0;-o-object-fit: cover;object-fit: cover;}
.banner .img-2{position: absolute;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);right: 15vw;width:700px;}
.banner .img-2 div{width: 100%;position: inherit;left: 0;right: 0;top: 0;bottom: 0;}
.banner .img-2 .img1{background:url(../images/banner2-004.png) top center / 100% no-repeat;z-index:3}
.banner .img-2 .img2{background:url(../images/banner2-005.png) top center / 100% no-repeat;z-index:3}
.banner .img-2 .img3{background:url(../images/banner2-006.png) top center / 100% no-repeat;}
.banner .text-2{position: absolute;top: 40%;left: 15vw;-ms-transform: translateY(-40%);-o-transform: translateY(-40%);transform: translateY(-40%);-moz-transform: translateY(-40%);-webkit-transform: translateY(-40%);z-index: 2;color: #fff;width: 100%;}
.banner .text-2 .tt{display: block;font-weight: bold;letter-spacing: 5px;}
.banner .text-2 .tt font{color: #f60;}
.banner .text-2 .stt{display: block;line-height: 1.5;margin-top: 1.5rem;}
.banner .bg-img-3 {width:100%;height: -webkit-calc(100% + 300px);height: -moz-calc(100% + 300px);height: calc(100% + 300px);position:absolute;left:0;top:0;-moz-transition: all 5.5s linear;-o-transition:  all 5.5s linear;-webkit-transition: all 5.5s linear;transition: all 5.5s linear;}
.banner .swiper-slide-active .bg-img-3{top:-300px;}
.banner .text-3-bg{position: absolute;width: 100%;height: 100%;top: 0;left: 0;-moz-animation: animtrans 5s linear infinite;-o-animation: animtrans 5s linear infinite;animation: animtrans 5s linear infinite;-webkit-animation: animtrans 5s linear infinite;opacity: .5;}
@-webkit-keyframes animtrans {from{-webkit-transform: rotateZ(360deg);transform: rotateZ(360deg);}to{-webkit-transform: rotateZ(0deg);transform: rotateZ(0deg);}}
@-moz-keyframes animtrans {from{-moz-transform: rotateZ(360deg);transform: rotateZ(360deg);}to{-moz-transform: rotateZ(0deg);transform: rotateZ(0deg);}}
@-o-keyframes animtrans {from{-o-transform: rotateZ(360deg);transform: rotateZ(360deg);}to{-o-transform: rotateZ(0deg);transform: rotateZ(0deg);}}
@keyframes animtrans {from{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);transform: rotateZ(360deg);}to{-webkit-transform: rotateZ(0deg);-moz-transform: rotateZ(0deg);-o-transform: rotateZ(0deg);transform: rotateZ(0deg);}}
.banner .text-3{position: absolute;top: 50%;-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);z-index: 2;color: #fff;text-align: center;width: 100%;}
.banner .text-3 .tt{display: block;line-height: 1.5;letter-spacing: 0px;font-family: 'Zin';}
.banner .text-3 .stt{display: block;margin-top: 1rem;font-weight: lighter;letter-spacing: 10px;}
.banner .more{display:inline-block;color:#fff;border:1px solid rgba(255,255,255,.2);font-size:16px;padding:14px 68px 14px 14px;line-height:1;position:relative;margin-top: 7rem;}
.banner .more:after{width:9px;height:9px;content:"";position:absolute;top:-9px;right:-9px;background:rgba(255,255,255,.12)}
.banner .more i{position:absolute;right:0;top:0;width:48px;height:100%;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;background:rgba(255,255,255,.2);text-align: right;line-height: 42px;padding-right: 14px; color: rgba(255,255,255,.8);}
.banner .more:hover i{width:100%}

/*服务范围*/
.index-service{font-size:0;}
.index-service .itt{padding: 8rem 0}
.index-service .t{font-weight: bold;}
.index-service i{color: #00388c;}
.index-service .tt{font-weight: bold;position: relative;margin: 10px 0;}
.index-service .txt {line-height: 1.5;color: #666;}
.index-service .item{width:25%;background:#fafafa;padding: 10rem 0;text-align: center;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;}
.index-service .item:nth-child(2n){background:#fff}
.index-service .item a{display: block;max-width: 60%;margin: 0 auto;color: #313131;}
.index-service .item .icon{margin:0 auto;display:block;width:160px;height:110px;-o-background-size:auto;background-size:auto;background-position:center top;background-repeat:no-repeat;-webkit-transition:all .4s ease-out 0s;-o-transition:all .4s ease-out 0s;-moz-transition:all .4s ease-out 0s;transition:all .4s ease-out 0s}
.index-service .item .icon1{background-image: url(../images/service-001.png);}
.index-service .item .icon2{background-image: url(../images/service-002.png);}
.index-service .item .icon3{background-image: url(../images/service-003.png);}
.index-service .item .icon4{background-image: url(../images/service-004.png);}
.index-service .item .tt{font-weight: bold;margin: 5rem 0;line-height: 1.3;}
.index-service .item .txt{line-height: 1.5;color: #717171;}
.index-service .item:hover{background: #00388c;}
.index-service .item:hover a{color: #fff;}
.index-service .item:hover .txt{color: rgba(255,255,255,.8);}
.index-service .item:hover .icon{background-position: center bottom;}

/*关于我们*/
.index-about{position: relative;overflow: hidden;width: 100%;}
.index-about .left {position: relative;padding: 5% 0 5% 5%;width: 50%;}
.index-about .left .itt{}
.index-about .left .t{font-weight: bold;}
.index-about .left i{color: #00388c;}
.index-about .left .tt{font-weight: bold;position: relative;margin: 10px 0;}
.index-about .left .info {line-height: 2;color: #666e80;padding-top: 3rem;width:90%;text-align: justify;}
.index-about .left .more{color:#fff; background: #333;margin-top: 7rem;width: 150px;line-height: 42px; position: relative;display: inline-block;text-align: center;}
.index-about .left .more span{position: relative;}
.index-about .left .more::before{content: '';height: 100%;width: 0;background: #00388c;-webkit-transition: width .3s;-o-transition: width .3s;-moz-transition: width .3s;transition: width .3s;position: absolute;left: 0;top: 0;}
.index-about .left .more i{color: #fff;margin-left: 5px;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.index-about .left .more:hover::before{width: 100%;}
.index-about .left .more:hover i{margin-left: 10px;}
.index-about .left .items{width: 120%;background: #fafafa;position: relative;margin-top: 7rem;z-index: 11;}
.index-about .left .items .item{margin: 0;padding: 3% 5%;float: left;width: 33.333%;position: relative;}
.index-about .left .items .item::after {content: '';width: 1px;height: 100%;background: #efefef;position: absolute;right: 0;top: 0;}
.index-about .left .items .item:last-child::after {display: none;}
.index-about .left .items .item h2{display: block;margin: 0;padding: 0;}
.index-about .left .items .item h2 strong{display: inline-block;font-size: 44px;color: #26334d;font-weight: normal;font-family: 'DIN';}
.index-about .left .items .item h2 sup {font-size:30px;font-weight: normal;}
.index-about .left .items .item p{display: block;font-size: 15px;color: #a1a7b2;margin: 10px 0;padding: 0;}
.index-about .left .items .item i{display: block;width: 40px;height: 40px;position: absolute;right:10%;top: 25%;color: #26334d;}
.index-about .right {width: 50%;overflow: hidden;background: #000;}
.index-about .right img{-o-object-fit: cover;object-fit: cover;height: 100%;}
/*优势*/
.index-advanage{background: url(../images/index-advanage-bg.jpg) fixed center no-repeat;padding: 10rem 0;position: relative;}
.index-advanage .itt{text-align: center;color: #fff;margin-bottom: 7rem;}
.index-advanage .t{font-weight: bold;}
.index-advanage i{color: #fff;}
.index-advanage .tt{position: relative;margin: 10px 0;}
.index-advanage .item{background:rgba(255,255,255,.2);-webkit-transition: .5s;-o-transition: .5s;-moz-transition: .5s;transition: .5s;height: 40rem;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);padding:10rem 3rem 0;position:relative;z-index:1;overflow:hidden}
.index-advanage .item:before{content:"";display:block;width:100%;height:0;position:absolute;left:0;top:0;background:#fff;z-index:-1;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s}
.index-advanage .item .icon{-webkit-transition: .5s;-o-transition: .5s;-moz-transition: .5s;transition: .5s;}
.index-advanage .item .icon svg{width:6.8rem;height:6.8rem;stroke-linecap:round;stroke-miterlimit:10;}
.index-advanage .item .icon svg path{ transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; }
.index-advanage .item i{display:block;width:10px;height:10px;border:1px solid #fff;border-radius:50%;margin: 4rem 0;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s}
.index-advanage .item h2{color:#fff;margin-bottom:1.2rem;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.index-advanage .item span{color:rgba(255,255,255,.5);text-transform:uppercase;text-align:center;display:block;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s}
.index-advanage .item p{line-height:1.5;color:#8f8f8f;text-align:center;margin-top:1rem;opacity:0;height: 0;visibility:hidden;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.index-advanage .item:hover{padding: 7.5rem 3rem 0;}
.index-advanage .item:hover:before{height:100%}
.index-advanage .item:hover svg *{stroke:#032d6d;}
.index-advanage .item:hover i{-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px);transform:translateY(-30px);opacity:0;visibility:hidden;-webkit-transition:.5s .1s;-o-transition:.5s .1s;-moz-transition:.5s .1s;transition:.5s .1s;margin: 3rem 0;}
.index-advanage .item:hover h2{color:#010101;-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px);transform:translateY(-30px);-webkit-transition:.5s .2s;-o-transition:.5s .2s;-moz-transition:.5s .2s;transition:.5s .2s}
.index-advanage .item:hover span{-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px);transform:translateY(-30px);opacity:0;visibility:hidden;-webkit-transition:.5s .2s;-o-transition:.5s .2s;-moz-transition:.5s .2s;transition:.5s .2s}
.index-advanage .item:hover p{opacity:1;visibility:visible;-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px);transform:translateY(-30px);-webkit-transition:.5s .3s;-o-transition:.5s .3s;-moz-transition:.5s .3s;transition:.5s .3s;height: auto;}
.index-advanage .advanage-dot{position:absolute;top:0;right:0;}
.index-advanage .advanage-dot img{width:100%}
.index-advanage .advanage-shape{position:absolute;top:-170px;left:0;}
.index-advanage .advanage-shape img{width:100%}
.index-advanage .swiper-line{text-align: center;margin-top: 3rem;}
.index-advanage .swiper-line .swiper-pagination-bullet{width: 10px;height: 1px;background: #fff;border-radius: 0;margin: 0 2px;}
/*案例*/
.index-case{padding:8rem 0}
.index-case .t{font-weight: bold;}
.index-case i{color: #00388c;}
.index-case .tt{font-weight: bold;position: relative;margin: 10px 0;}
.index-case .list{width: 100%;overflow: hidden;padding: 3rem 0;}
.index-case .list .item{width: 32%;display: block;margin-right: 2%;margin-bottom: 2%;border: 1px solid #efefef;}
.index-case .list .item:nth-child(3n){margin-right: 0;}
.index-case .list .item .img{width: 100%;height: 40rem;}
.index-case .list .item .img img{width: 100%;height: auto;}
.index-case .list .item .txt{padding: 2rem;}
.index-case .list .item .txt h2{font-weight: bold;color: #333;height: 23px;}
.index-case .list .item .txt p{color: #666;position: relative;padding-right: 60px;line-height: 2;border-top: 1px solid #efefef;padding-top: 5px;margin-top: 10px;}
.index-case .list .item .txt p::after{content: '\eb8d'; font-family: 'iconfont';font-size: 30px;color: #999;position: absolute;right: 0;line-height: 1;}
.index-case .case-more {text-align: center;}
.index-case .case-more a {width: 100%;display:block;border: 1px solid #efefef;color: #666e80;font-size: 14px;padding: 2.5rem 0;overflow: hidden; -webkit-transition: .3s; -o-transition: .3s; -moz-transition: .3s; transition: .3s;}
.index-case .case-more a i{display: inline-block;margin-left:5px; font-size: 1.7rem;vertical-align: middle;}
.index-case .case-more a:hover {border: 1px solid #00388c;color: #00388c;}
.index-case .case-nav a{display: inline-block;padding: 12px 30px;background: #f5f5f5;color: #333;margin-right: 3px;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;}
.index-case .case-nav a:last-child{margin-right: 0;}
.index-case .case-nav a:hover,.index-case .case-nav a.on{color: #fff;background: #535353;}

/*新闻*/
.index-news{background: url(../images/index-news-bg.png) no-repeat;padding: 8rem 0;position: relative;}
.index-news .itt{text-align: center;color: #333;margin-bottom: 7rem;}
.index-news .t{font-weight: bold;}
.index-news i{color: #00388c;}
.index-news .tt{position: relative;margin: 10px 0;}
.index-news .item{width:32%;background:rgba(255,255,255,.39);-webkit-box-shadow:0 3px 20px rgba(0,0,0,.0600);box-shadow:0 3px 20px rgba(0,0,0,.0600);border-radius:4px}
.index-news .item .item-head{width:100%;height:175px;-o-background-size:cover;background-size:cover;padding-left: 2.8rem;color: #fff;}
.index-news .item .item-head .ett{opacity:.7;text-transform: uppercase;}
.index-news .item .item-body{padding: 3rem;}
.index-news .item .item-body .item-new{padding-bottom: 2rem;margin-bottom: 2em;border-bottom: 1px solid #efefef;display: block;}
.index-news .item .item-body .item-new h2{color: #333;}
.index-news .item .item-body .item-new p{margin:10px 0 20px;color: #666;}
.index-news .item .item-body .item-new span{color: #999;font-family: DIN-Regular;}
.index-news .item .item-body .item-new:hover h2{color: #00388c;}
.index-news .item .item-list div{padding: 1.5rem 0;border-bottom: 1px dashed #efefef;}
.index-news .item .item-list a{width: -webkit-calc(100% - 120px);width: -moz-calc(100% - 120px);width: calc(100% - 120px);color: #666;-webkit-transition: .3s;-o-transition: .3s;-moz-transition: .3s;transition: .3s;}
.index-news .item .item-list span{color: #999;font-family: DIN-Regular;}
.index-news .item .item-list>div:hover a{color: #00388c;padding-left: 5px;}

.footer{position: relative;background: #212121 url(../images/footer-bg.png) center no-repeat;}
.footer .wave{position: absolute;left: 0;right: 0;top: -5rem;height: 5rem;overflow: hidden;width: 100%;}
.footer .foot-head{padding: 1rem 0 6rem;border-bottom: 1px solid #303030;}
.footer .foot-head .foot-left{width: 21%;}
.footer .foot-head .foot-left img{width: 20rem;}
.footer .foot-head .foot-left p{width: 100%;border-top: 1px solid #303030;padding-top: 1.5em;margin-top: 2em;color: #888;line-height: 1.5;}
.footer .foot-head .foot-left .more{color:#888;margin-top: 4rem;width: 140px;line-height: 40px; position: relative;display: inline-block;text-align: center;border: 1px solid #303030;}
.footer .foot-head .foot-left .more span{position: relative;}
.footer .foot-head .foot-left .more::before{content: '';height: 100%;width: 0;background: #303030;-webkit-transition: width .3s;-o-transition: width .3s;-moz-transition: width .3s;transition: width .3s;position: absolute;left: 0;top: 0;}
.footer .foot-head .foot-left .more i{color: #888;margin-left: 5px;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.footer .foot-head .foot-left .more:hover::before{width: 100%;}
.footer .foot-head .foot-left .more:hover i{margin-left: 10px;}
.footer .foot-head .foot-nav{width: 45%;margin:0 6%;}
.footer .foot-head .foot-nav dl{width: 21.25%;margin-right: 5%;}
.footer .foot-head .foot-nav dl:last-child{margin-right: 0;}
.footer .foot-head .foot-nav dl dt {border-bottom: 1px solid #303030;padding-bottom: 2em;margin-bottom: 2em;}
.footer .foot-head .foot-nav dl dt a{color: #fff;}
.footer .foot-head .foot-nav dl dd{padding: 7px 0;}
.footer .foot-head .foot-nav dl dd a{color: #888;}
.footer .foot-head .foot-contact{width: 21%;color: #888;}
.footer .foot-head .foot-contact .tel{font-weight: bold;}
.footer .foot-head .foot-contact .tel h2{margin-bottom: 5px;}
.footer .foot-head .foot-contact .tel span{font-family: DIN;color: #fff;}
.footer .foot-head .foot-contact .tel2{margin-top: 20px;}
.footer .foot-head .foot-contact .tel2 p{line-height: 2;}
.footer .flinks{margin-top: 3rem; color: #888;}
.footer .flinks a{margin-right:10px; line-height: 1.5;}
.footer .footer-bottom{padding: 2rem 0;text-align: center;color: #888;}
.footer .footer-bottom a{margin-left: 5px;color: inherit;}

/*bottom-nav*/
.bottom-nav{text-align: center;font-size: 14px;position: fixed;bottom: 0;width: 100%;background: #fff;border-top: 1px solid #efefef;visibility: hidden;z-index: 10000;}
.bottom-nav a{width: 25%;padding: 10px 0;}
.bottom-nav p{margin-top: 5px;}

/*livechat*/
.livechat{position: fixed;right: 40px;bottom: 40px;border-radius: 50%;border: 2px solid #fff;-webkit-box-shadow: 0 5px 10px 0 rgba(35,50,56,.3);box-shadow: 0 5px 10px 0 rgba(35,50,56,.3);z-index: 700;display: block;width: 64px;height: 64px;}
.livechat::after{content: ''; width: 12px; height: 12px; border-radius: 50%; background:#f10000; position: absolute; right: 1px; top: 1px; z-index: 50}
.livechat img{border-radius: 50%;position: absolute;top: 0; left: 0; z-index: 50;width: 60px;}
.livechat .circles .circle { background: rgba(241,0,0,.25); width: 60px; height: 60px; border-radius: 50%; position: absolute; z-index: 49; -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transform: scale(1) }
.livechat .circles.animated .c-1 { -webkit-animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards; -moz-animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards; -o-animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards; animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards }
.livechat .circles.animated .c-2 { -webkit-animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards; -moz-animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards; -o-animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards; animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards }
.livechat .circles.animated .c-3 { -webkit-animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards; -moz-animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards; -o-animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards; animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards }
@-webkit-keyframes scaleToggleOne{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(2);transform:scale(2)}to{-webkit-transform:scale(1);transform:scale(1)}}
@-moz-keyframes scaleToggleOne{0%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(2);-moz-transform:scale(2);transform:scale(2)}to{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}
@-o-keyframes scaleToggleOne{0%{-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(2);-o-transform:scale(2);transform:scale(2)}to{-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}
@keyframes scaleToggleOne{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(2);-moz-transform:scale(2);-o-transform:scale(2);transform:scale(2)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}
@-webkit-keyframes scaleToggleTwo{0%{-webkit-transform:scale(1);transform:scale(1)}20%{-webkit-transform:scale(1);transform:scale(1)}60%{-webkit-transform:scale(2);transform:scale(2)}to{-webkit-transform:scale(1);transform:scale(1)}}
@-moz-keyframes scaleToggleTwo{0%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}60%{-webkit-transform:scale(2);-moz-transform:scale(2);transform:scale(2)}to{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}
@-o-keyframes scaleToggleTwo{0%{-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}20%{-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}60%{-webkit-transform:scale(2);-o-transform:scale(2);transform:scale(2)}to{-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}
@keyframes scaleToggleTwo{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}60%{-webkit-transform:scale(2);-moz-transform:scale(2);-o-transform:scale(2);transform:scale(2)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}
@-webkit-keyframes scaleToggleThree{0%{-webkit-transform:scale(1);transform:scale(1)}33%{-webkit-transform:scale(1);transform:scale(1)}66%{-webkit-transform:scale(2);transform:scale(2)}to{-webkit-transform:scale(1);transform:scale(1)}}
@-moz-keyframes scaleToggleThree{0%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}33%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}66%{-webkit-transform:scale(2);-moz-transform:scale(2);transform:scale(2)}to{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}
@-o-keyframes scaleToggleThree{0%{-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}33%{-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}66%{-webkit-transform:scale(2);-o-transform:scale(2);transform:scale(2)}to{-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}
@keyframes scaleToggleThree{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}33%{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}66%{-webkit-transform:scale(2);-moz-transform:scale(2);-o-transform:scale(2);transform:scale(2)}to{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}

/*nabnn*/
.n-bann{position: relative;overflow: hidden;}
.n-bann .text{position:absolute;top:0;left:0;width:100%;max-width:1600px;margin:0 auto;height:100%;right:0;margin:0 auto;z-index:2;color: #fff;}
.n-bann .text .txt1{font-weight: bold;margin-bottom: 2rem;text-transform: uppercase;font-family: 'arial';color: #000;opacity: .5;text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;}
.n-bann .text .txt2{font-weight: bold;margin-bottom: 1rem;}
.n-bann .down{width: 5rem;height: 5rem;border-radius: 50%;border: 1px solid #fff;position: relative;margin-top: 10rem;}
.n-bann .down i{text-align: center;position: absolute;width: 5rem;height: 5rem;cursor: pointer;-webkit-animation: downico 1.5s ease-out infinite;-moz-animation: downico 1.5s ease-out infinite;-o-animation: downico 1.5s ease-out infinite;animation: downico 1.5s ease-out infinite;}
@-webkit-keyframes downico{0%{top:0;opacity:1;}35%{top:50%;opacity:0;}65%{top:-50%;opacity:0;}100%{top:0;opacity:1;}}
@-moz-keyframes downico{0%{top:0;opacity:1;}35%{top:50%;opacity:0;}65%{top:-50%;opacity:0;}100%{top:0;opacity:1;}}
@-o-keyframes downico{0%{top:0;opacity:1;}35%{top:50%;opacity:0;}65%{top:-50%;opacity:0;}100%{top:0;opacity:1;}}
@keyframes downico{0%{top:0;opacity:1;}35%{top:50%;opacity:0;}65%{top:-50%;opacity:0;}100%{top:0;opacity:1;}}

/*seo*/
.seo .p1{position: relative;padding: 8rem 0;}
.seo .ntt{text-align: center;color: #171717;}
.seo .ntt .t{text-transform: uppercase;margin-bottom: 10px;position: relative;padding-top: 15px;color: #777;}
.seo .ntt .t:before, .seo .ntt .t:after {content: "";position: absolute;top: 0;left: 0;width: 26px;height: 1px;background: #00388c;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);}
.seo .ntt .t::before {top: 5px;margin-left: 5px;}
.seo .ntt .t::after {margin-left: -5px;}
.seo .ntt .tt{font-weight: bold;}
.seo .p1 .txt{max-width: 800px;margin: 5rem auto;text-align: center;color: #777;line-height: 1.8;}
.seo .p1 .inner-column{max-width: 1200px;margin: 0 auto;}
.seo .p1 .inner-box{position: relative;z-index: 1;text-align: center;width: 33.333%;} 
.seo .p1 .inner-box:before{position:absolute;top:110px;left:100%;width:140px;height:16px;background-image:url(../images/seo-p1-img3.png);content:""}
.seo .p1 .inner-box:last-child::before{display: none;}
.seo .p1 .inner-box .icon-box{position:relative;margin:0 auto 20px;width:212px;height:234px;background-image:url(../images/seo-p1-img.png);-o-background-size: 100%;background-size: 100%;-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease}
.seo .p1 .inner-box .icon-box:before{position:absolute;top:-10px;left:-10px;z-index:-1;width:115px;height:115px;border-radius:100px 100px;content:"";-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.seo .p1 .inner-box .icon-box .iconfont{position:relative;top:22px;margin:0 auto;width:172px;height:191px;background-image:url(../images/seo-p1-img2.png);-o-background-size: 100%;background-size: 100%;color:#00388c;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.seo .p1 .inner-box .icon-box .iconfont::before{position:relative;z-index:3}
.seo .p1 .inner-box .icon-box .iconfont:after{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../images/seo-p1-img2-hover.png);-o-background-size: 100%;background-size: 100%;content:"";opacity:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
.seo .p1 .inner-box .icon-box span{position:absolute;bottom:10px;left:18px;z-index:2;width:53px;height:53px;border-radius:50%;background-color:#171717;color:#fff;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.seo .p1 .inner-box .title{position:relative;margin-bottom:8px;color:#171717;}
.seo .p1 .inner-box .text{margin:0 auto;max-width:300px;color: #777;line-height: 1.8;}
.seo .p1 .inner-box:hover .icon-box .iconfont{color:#fff}
.seo .p1 .inner-box:hover .icon-box .iconfont:after{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}

.seo .p2{background: url(../images/seo-p2-bg.jpg) no-repeat 50%/cover;position: relative;padding: 8rem 0;}
.seo .p2 .inner-column{margin-top: 8rem;}
.seo .p2 .inner-left{width: 75%;}
.seo .p2 .inner-left .inner-box{width: 32.33333%;margin-right: 1%;margin-bottom: 1%;position: relative;padding:3rem;background: #fff;-webkit-box-shadow: 0 10px 60px rgb(0 0 0 / 7%);box-shadow: 0 10px 60px rgb(0 0 0 / 7%);-webkit-transition: all 300ms ease;-o-transition: all 300ms ease;-moz-transition: all 300ms ease;transition: all 300ms ease;}
.seo .p2 .inner-left .inner-box:nth-last-child(-n+3){margin-bottom: 0;}
.seo .p2 .inner-left .inner-box:before{position:absolute;left:0;top:0;height:100%;width:100%;max-width:0;background-color:#00388c;content:"";-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease}
.seo .p2 .inner-left .inner-box:after{content:"";position:absolute;top:50px;left:0;width:100%;height:26px;background:-webkit-gradient(linear,left top,right top,from(#f4f4f4),to(transparent));background:-webkit-gradient(linear,left top, right top,from(#f4f4f4),to(transparent));background:-webkit-linear-gradient(left,#f4f4f4,transparent);background:-moz-linear-gradient(left,#f4f4f4,transparent);background:-o-linear-gradient(left,#f4f4f4,transparent);background:linear-gradient(to right,#f4f4f4,transparent);-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.seo .p2 .inner-left .inner-box .count{position:absolute;top:45px;right:30px;color:#e6e6e6;font-family: DIN;}
.seo .p2 .inner-left .inner-box .iconfont{position:relative;width:66px;height:66px;color:#fff;background:#00388c;border-radius:50%;margin-bottom:26px;z-index:2;-webkit-transition:all .3s ease;-o-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.seo .p2 .inner-left .inner-box h5{margin-bottom:10px;letter-spacing:-.6px;-webkit-transition: .3s;-o-transition: .3s;-moz-transition: .3s;transition: .3s;}
.seo .p2 .inner-left .inner-box h6{color: #777;-webkit-transition: .3s;-o-transition: .3s;-moz-transition: .3s;transition: .3s;}
.seo .p2 .inner-left .inner-box:hover:before{max-width:100%}
.seo .p2 .inner-left .inner-box:hover::after{opacity:.2}
.seo .p2 .inner-left .inner-box:hover .count{opacity:.3}
.seo .p2 .inner-left .inner-box:hover .iconfont{background-color:#fff;color:#00388c}
.seo .p2 .inner-left .inner-box:hover h5{color:#fff;position: relative;}
.seo .p2 .inner-left .inner-box:hover h6{color:rgba(255, 255, 255, 0.753);position: relative;}
.seo .p2 .inner-right{width: 25%;min-height: 30rem;}
.seo .p2 .inner-right .inner-box{position: relative;height: 100%;}
.seo .p2 .inner-right .inner-box .bg{height: 100%;}
.seo .p2 .inner-right .inner-box .bg::before{position:absolute;left:0;top:0;height:100%;width:100%;background:-webkit-gradient(linear,left bottom, left top,color-stop(60%, #000),to(transparent));background:-webkit-linear-gradient(bottom,#000 60%,transparent);background:-moz-linear-gradient(bottom,#000 60%,transparent);background:-o-linear-gradient(bottom,#000 60%,transparent);background:linear-gradient(to top,#000 60%,transparent);content:""}
.seo .p2 .inner-right .inner-box .bg img{height:45%;-o-object-fit:cover;object-fit:cover}
.seo .p2 .inner-right .inner-box  p{position:absolute;bottom:15%;left:0;width:100%;padding:0 10%;color:#fff;line-height: 2;}

.seo .p3{background:#f9f9f9 url(../images/seo-p3-bg.png) no-repeat center bottom;position: relative;padding: 8rem 0;}
.seo .p3 .inner-column{margin-top: 5rem;}
.seo .p3 .inner-img{width: 40%;}
.seo .p3 .inner-img img{max-width: 90%;}
.seo .p3 .inner-box{width: 55%;}
.seo .p3 .inner-box .box{width: 48%;margin-right: 4%;margin-bottom: 4%;position: relative;z-index: 1;padding: 3rem;background-color: #fff;-webkit-box-shadow: 0 10px 60px rgb(0 0 0 / 7%);box-shadow: 0 10px 60px rgb(0 0 0 / 7%);-webkit-transition: all 300ms ease;-o-transition: all 300ms ease;-moz-transition: all 300ms ease;transition: all 300ms ease;}
.seo .p3 .inner-box .box:nth-child(2n){margin-right: 0;}
.seo .p3 .inner-box .box:before{position:absolute;top:0;left:0;z-index: -1;;width:100%;height:100%;background:url(../images/seo-p3-img2.png) no-repeat right top;content:"";-webkit-transition:all .5s ease;-o-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease}
.seo .p3 .inner-box .iconfont{display:block;color:#00388c;margin-bottom:15px;-webkit-transition:all 300ms ease;-o-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease}
.seo .p3 .inner-box h5{margin-bottom:15px;-webkit-transition:all 300ms ease;-o-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease}
.seo .p3 .inner-box p{color: #777;line-height: 1.5;-webkit-transition:all 300ms ease;-o-transition:all 300ms ease;-moz-transition:all 300ms ease;transition:all 300ms ease}
.seo .p3 .inner-box .box:hover{background-color: #00388c;}
.seo .p3 .inner-box .box:hover::before{opacity:.1;-webkit-transition:all .1s ease;-o-transition:all .1s ease;-moz-transition:all .1s ease;transition:all .1s ease}
.seo .p3 .inner-box .box:hover .iconfont,.seo .p3 .inner-box .box:hover h5{color: #fff;}
.seo .p3 .inner-box .box:hover p{color: rgba(255, 255, 255, 0.753);}

.seo .p4{background:#ededed url(../images/seo-p4-bg.png) no-repeat center / cover;position: relative;padding: 8rem 0;}
.seo .p4 .inner-box{margin-top: 5rem;overflow: auto;border: 1px solid #efefef;border-right: 0;border-bottom: 0;}
.seo .p4 table{border-collapse: separate;border-spacing: 0;width: 100%;margin: 0 auto;min-width: 500px;}
.seo .p4 table th,.seo .p4 table td{border-right: 1px solid #efefef;border-bottom: 1px solid #efefef;padding: 10px;}
.seo .p4 table tr{-webkit-transition: .3s;-o-transition: .3s;-moz-transition: .3s;transition: .3s;}
.seo .p4 table tr:hover{background: #efefef;-webkit-transition: .3s;-o-transition: .3s;-moz-transition: .3s;transition: .3s;}
.seo .p4 p{color: #999;margin-top: 5px;}

.seo .n-case,.web .n-case{position: relative;padding: 8rem 0;}
.seo .n-case .list,.web .n-case .list{width: 100%;overflow: hidden;padding: 5rem 0 0;}

.n-article{background:#ededed url(../images/seo-p6-bg.jpg) no-repeat center / cover;position: relative;padding: 8rem 0 12rem;}
.n-article .p6-shape{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: url(../images/seo-p6-shape.png) center right no-repeat;}
.n-article .ntt{margin-bottom: 5rem;}
.n-article .left{width: 29%;}
.n-article .left .img{width: 100%;height: 43rem;}
.n-article .left .img img{-o-object-fit: cover;object-fit: cover;height: 100%;}
.n-article .left .txt{ width:100%; margin-top:16px;}
.n-article .left .txt .title{ color:#222; line-height:26px;}
.n-article .left .txt .desc{ color:#666; margin-top:9px;}
.n-article .left .txt .time{ color:#888;margin-top:20px;font-family: DIN;}
.n-article .left:hover .txt .title{ color:#00388c;}
.n-article .right{width: 69%;}
.n-article .right li{width: 49%;margin-bottom: 2%;margin-right: 2%;}
.n-article .right li:nth-child(even){margin-right: 0;}
.n-article .right li .box{ padding:22px 27px 25px 27px; -webkit-box-shadow:0 0 0; box-shadow:0 0 0; border-radius:0; background:#fff;-webkit-transition: .3s;-o-transition: .3s;-moz-transition: .3s;transition: .3s;}
.n-article .right li .box .txt{ width:100%; margin-left:0;}
.n-article .right li .box .txt .title{color:#222; line-height:26px;}
.n-article .right li .box .txt .desc{ margin-top:8px; color:#666;}
.n-article .right li .box .txt .time{ color: #888;margin-top:20px;font-family: DIN;}
.n-article .right li .box:hover{ background:#00388c;}
.n-article .right li .box:hover .txt .title{color:#fff;}
.n-article .right li .box:hover .txt .desc{color: rgba(255, 255, 255, 0.8);}
.n-article .right li .box:hover .txt .time{color: rgba(255, 255, 255, 0.6);}

.action{padding: 8rem 0;background: url(../images/action-bg.jpg) center / cover no-repeat;position: relative;color: #fff;}
.action .action-shape{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.9) url(../images/action-shape.png) center left / cover no-repeat;}
.action .action-item span{font-weight:700;text-transform:uppercase;letter-spacing:1px;}
.action .action-item h5 {line-height: 2;font-weight: bold;margin-top: 2rem;}
.action .action-support .action-support-item{background:rgba(255, 95, 111, 0.8);text-align:center;padding:20px 45px;position:relative;z-index:5}
.action .action-support .action-support-item p{line-height: 2;}
.action .action-support .action-support-item span{font-family: DIN;letter-spacing: 1px;line-height: 1.5;}
.action .action-support .action-support-item i{position:absolute;top:8px;left:10px;opacity:.05;z-index:-1}
.action .action-support .action-support-item-2{margin-left: 2rem; background: rgba(254, 150, 0, 80%);}
.action .action-support .action-support-item-3{margin-left: 2rem; background: rgba(0, 56, 140, 0.8);}

.web .ntt{color: #171717;text-align: center;}
.web .ntt .t{text-transform: uppercase;margin-bottom: 10px;position: relative;color: #00388c;position: relative;}
.web .ntt .t:after{position:absolute;content:"";width:50px;height:1px;top:8px;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-left:10px;background-color: #00388c}
.web .ntt .tt{font-weight: bold;}
.web .p1{padding: 15rem 0;background: url(../images/web-p1-bg.png) center / contain no-repeat;position: relative;overflow: hidden;}
.web .p1 .ntt{text-align: left;}
.web .p1 .left{width: 45%;position: relative;z-index: 2;}
.web .p1 .left .txt{color: #666;margin: 3rem 0 7rem;line-height: 2.3;}
.web .p1 .left .inner-column{padding-right: 20%;margin-left:-webkit-calc( -1 * ((25% - 9rem) / 2));margin-left:-moz-calc( -1 * ((25% - 9rem) / 2));margin-left:calc( -1 * ((25% - 9rem) / 2));}
.web .p1 .left .inner-box{width: 25%;text-align: center;margin-bottom: 3rem;-webkit-transition: .3s;-o-transition: .3s;-moz-transition: .3s;transition: .3s;}
.web .p1 .left .inner-box i{width:9rem;height:9rem;border:1px solid #eaeaea;color: #333;margin:0 auto;-webkit-transition: color .2s, background .4s;-o-transition: color .2s, background .4s;-moz-transition: color .2s, background .4s;transition: color .2s, background .4s;border-radius: 6px;}
.web .p1 .left .inner-box h5{color: #333;margin-top: 1rem;}
.web .p1 .left .inner-box:hover{-webkit-transform: translateY(-.5rem);-moz-transform: translateY(-.5rem);-ms-transform: translateY(-.5rem);-o-transform: translateY(-.5rem);transform: translateY(-.5rem);}
.web .p1 .left .inner-box:hover i{background: #00388c;color: #fff;}
.web .p1 .right{position:absolute;right:0;top:0;height:100%;width:50%;}

.web .p2{padding: 8rem 0;background: #fbfbfb;position: relative;overflow: hidden;}
.web .p2 .ntt{margin-bottom: 5rem;}
.web .p2 .left{width: 74%;}
.web .p2 .inner-box{position:relative;padding:3.5rem 4rem 3rem;overflow:hidden;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s;border:1px solid #eaeaea;width: 32%;margin-right: 2%;margin-bottom: 2%;}
.web .p2 .inner-box:nth-child(3n){margin-right: 0;}
.web .p2 .inner-box:nth-last-child(-n+3){margin-bottom: 0;}
.web .p2 .inner-box i{position:absolute;top:22px;right:30px;z-index:1;color:#a5aab1;line-height:1;}
.web .p2 .inner-box i::after{position:absolute;content:"";right:-160%;top:-200%;width:155px;height:155px;border-radius:50%;background-image:-webkit-linear-gradient(45deg, #fff 0,#00388c 100%,#0f0d1d 100%);background-image:-moz-linear-gradient(45deg, #fff 0,#00388c 100%,#0f0d1d 100%);background-image:-o-linear-gradient(45deg, #fff 0,#00388c 100%,#0f0d1d 100%);background-image:linear-gradient(45deg, #fff 0,#00388c 100%,#0f0d1d 100%);opacity:.12;z-index:-1;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s}
.web .p2 .inner-box h5{margin-bottom:1.6rem;color:#333;font-weight:700;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;}
.web .p2 .inner-box p{margin-bottom:0;color:#777;line-height:1.5;-webkit-transition:.3s;-o-transition:.3s;-moz-transition:.3s;transition:.3s;max-width: 25rem;}
.web .p2 .inner-box:hover{-webkit-transform: translateY(-.5rem);-moz-transform: translateY(-.5rem);-ms-transform: translateY(-.5rem);-o-transform: translateY(-.5rem);transform: translateY(-.5rem);background: #00388c url(../images/web-p2-img2.png) center bottom no-repeat;}
.web .p2 .inner-box:hover h5{color: #fff;}
.web .p2 .inner-box:hover p{color: rgba(255, 255, 255, 0.6);}
.web .p2 .right{width: 24%;height: 100%;text-align: center;border: 1px solid #eaeaea;padding: 5rem 3rem;}
.web .p2 .right h5{color:#333;font-weight:700;}
.web .p2 .right h6{color: #999;margin: 1rem 0 5rem;}
.web .p2 .right p{max-width: 100%;color: #777;margin-bottom: 8rem;}

.web .p3{padding: 8rem 0;position: relative;overflow: hidden;}
.web .p3 .ntt{margin-bottom: 5rem;}
.web .p3 .inner-box{width: 23.5%;margin-right: 2%;-webkit-transition: all .3s ease-out;-o-transition: all .3s ease-out;-moz-transition: all .3s ease-out;transition: all .3s ease-out;border: 1px solid #eaeaea;border-radius: 5px;padding: 3.5rem 3rem 10rem; position: relative;overflow: hidden;}
.web .p3 .inner-box:last-child{margin-right: 0;}
.web .p3 .inner-box .type{position:absolute;top:0;right:0;padding:5px 10px 5px 22px;background:#fe9600;color:#fff;line-height:1;}
.web .p3 .inner-box .type:before{position:absolute;content:'';width:20px;height:20px;left:-11px;top:1px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}    
.web .p3 .inner-box h5{font-weight: bold;line-height: 1;margin-bottom: 1.5rem;}
.web .p3 .inner-box h6{font-weight: bold;font-family: DIN;color: #00388c;}
.web .p3 .inner-box hr{height: 1px;background: #eaeaea;margin: 1.5rem 0 4rem;}
.web .p3 .inner-box .text{color: #777;line-height: 1.5;}
.web .p3 .inner-box .text p{margin-bottom: 5px;}
.web .p3 .inner-box .text img{margin-bottom: 2rem;}
.web .p3 .inner-box .more{color:#fff;width: -webkit-calc(100% - 6rem);width: -moz-calc(100% - 6rem);width: calc(100% - 6rem);line-height: 40px; position: relative;display: inline-block;text-align: center;background: #333; position: absolute; bottom: 3.5rem;left: 3rem;}
.web .p3 .inner-box .more span{position: relative;}
.web .p3 .inner-box .more::before{content: '';height: 100%;width: 0;background: #00388c;-webkit-transition: width .3s;-o-transition: width .3s;-moz-transition: width .3s;transition: width .3s;position: absolute;left: 0;top: 0;}
.web .p3 .inner-box .more i{color: #fff;margin-left: 5px;-webkit-transition: all .3s;-o-transition: all .3s;-moz-transition: all .3s;transition: all .3s;}
.web .p3 .inner-box .more:hover::before{width: 100%;}
.web .p3 .inner-box .more:hover i{margin-left: 10px;}
.web .p3 .txt{margin-top: 1rem; color: #999;}
.web .p3 .inner-box:hover {-webkit-box-shadow: 0 0 15px rgba(0,0,0,10%);box-shadow: 0 0 15px rgba(0,0,0,10%);-webkit-transform: translateY(-.5rem);-moz-transform: translateY(-.5rem);-ms-transform: translateY(-.5rem);-o-transform: translateY(-.5rem);transform: translateY(-.5rem);}

.web .p4{padding: 8rem 0;position: relative;overflow: hidden; background: #fbfbfb;}
.web .p4 .ntt{margin-bottom: 5rem;}
.web .p4 .swiper{background: url(../images/web-p4-bg.png) center / contain no-repeat;padding: 5rem 0 0;}
.web .p4 .item{text-align:center;padding: 0 3.5rem;}
.web .p4 .item .icon{position:relative;margin-bottom:2em;display:inline-block;padding: 15px;}
.web .p4 .item .icon:before{position:absolute;z-index:-1;width:100%;height:100%;content:'';left:0;top:0;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s;border-radius:50%;-webkit-transform:scale(0);-ms-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);border:2px dashed #00388c;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.web .p4 .item .icon .num{position:absolute;z-index:-1;color:#fbfbfb;font-weight:700;line-height:1;opacity:.2;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s;-webkit-transform:translate(-130%,-60%) rotate(-50deg);-moz-transform:translate(-130%,-60%) rotate(-50deg);-ms-transform:translate(-130%,-60%) rotate(-50deg);-o-transform:translate(-130%,-60%) rotate(-50deg);transform:translate(-130%,-60%) rotate(-50deg);text-shadow: #293043 1px 0 0, #293043 0 1px 0, #293043 -1px 0 0, #293043 0 -1px 0;-ms-transform:translate(-70%,-60%) rotate(-50deg)}
.web .p4 .item .icon i{width:85px;height:85px;border-radius:50%;background:#00388c;color: #fff;-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s}
.web .p4 .item h5{color: #333;line-height: 2;}
.web .p4 .item p{color: #777;line-height: 1.5;}
.web .p4 .item:hover .icon:before{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-ms-transform:scale(1);-webkit-animation:rotated_circle 5s linear infinite;-moz-animation:rotated_circle 5s linear infinite;-o-animation:rotated_circle 5s linear infinite;animation:rotated_circle 5s linear infinite;-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-o-animation-delay:.5s;animation-delay:.5s}
@-webkit-keyframes rotated_circle{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@-moz-keyframes rotated_circle{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}
@-o-keyframes rotated_circle{0%{-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes rotated_circle{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}
.web .p4 .swiper-line{text-align: center;margin-top: 3rem;}
.web .p4 .swiper-line .swiper-pagination-bullet{width: 10px;height: 1px;background: #00388c;border-radius: 0;margin: 0 2px;}

.n-nav{padding: 5rem 0;}
.n-nav .box a{margin-right: 3.2568rem;}
.n-nav .position em{font-family: fangsong; margin: 0 5px;}
.n-case{position: relative;padding: 0 0 8rem;}
.n-case .list{width: 100%;overflow: hidden;}
.n-case .list .item{width: 32%;display: block;margin-right: 2%;margin-bottom: 2%;border: 1px solid #efefef;}
.n-case .list .item:nth-child(3n){margin-right: 0;}
.n-case .list .item .img{width: 100%;height: 40rem;}
.n-case .list .item .img img{width: 100%;height: auto;}
.n-case .list .item .txt{padding: 2rem;}
.n-case .list .item .txt h2{font-weight: bold;color: #333;height: 23px;}
.n-case .list .item .txt p{color: #666;position: relative;padding-right: 60px;line-height: 2;border-top: 1px solid #efefef;padding-top: 5px;margin-top: 10px;}
.n-case .list .item .txt p::after{content: '\eb8d'; font-family: 'iconfont';font-size: 30px;color: #999;position: absolute;right: 0;line-height: 1;}

.n-news-position{padding: 1.5rem 0;color: #999;}
.n-news-position i{margin-right: 5px;}
.n-news-position em{margin: 0 5px;}
.n-news{padding: 8rem 0 12rem;background: #fafafa;}
.n-news .left{width: 75.6%;}
.n-news .left li{margin-bottom:2rem}
.n-news .left li:last-child{margin-bottom:0}
.n-news .left li .box{background:#fff;padding:2.5rem}
.n-news .left li .img{width:28.4%;overflow:hidden}
.n-news .left li .img img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;overflow:hidden;max-width:unset;height: 192px;width: 100%;;-o-object-fit: cover;;object-fit: cover;}
.n-news .left li .text{width:71.6%;padding:2rem}
.n-news .left li .text .tt{color:#333;margin-bottom:.8rem;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;font-weight: bold;}
.n-news .left li .text .date{color:#999;margin-bottom:1.5rem;font-family: DIN;}
.n-news .left li .text .desc{line-height:1.8;color:#777}
.n-news .left li .text .more{margin-top: 3rem;display: block;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;}
.n-news .left li:hover .text .tt{color:#00388c}
.n-news .left li:hover .img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}
.n-news .right{width: 23.2%;}
.n-news .right .box{background: #fff;padding: 3rem;margin-bottom: 3rem;}
.n-news .right .box ul{width:100%;margin-top: 3rem;border-top:1px solid #e4e4e4;}
.n-news .right .box ul li{border-bottom:1px solid #e4e4e4; padding:2.5rem 2.2rem;}
.n-news .right .box ul li a{color:#333; text-align:right; display: block; position: relative;}
.n-news .right .box ul li a::after{content: "\e628";font-family: iconfont;font-size: 16px; position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
.n-news .right .box ul li.on a,
.n-news .right .box ul li:hover a{ color:#00388c; }
.n-news .right .box .list{margin-top: 3rem;}
.n-news .right .box .list a{margin-bottom:1.6rem;display: block;}
.n-news .right .box .list a:last-child{margin-bottom:0;}
.n-news .right .box .list .img{overflow:hidden;width:39.6%;height: 100px;}
.n-news .right .box .list .img img{overflow:hidden;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);width: 100%;max-width: unset;height: 100px;-o-object-fit: cover;object-fit: cover;}
.n-news .right .box .list .text{padding-top:6px;padding-left:18px;width:60.4%;}
.n-news .right .box .list .text .tt{color:#333;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;line-height: 1.5;height: 45px;}
.n-news .right .box .list .text .date{margin-top:14px;color:#333;font-family: DIN;}
.n-news .right .box .list a:hover .img img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.n-news .right .box .list a:hover .text .tt{color:#00388c;}
.news-article .left{background: #fff;padding: 6rem 5rem;}
.news-article .left h1{margin: 0;line-height: 1.5;}
.news-article .left .info {color: #777;margin-top: 1.5rem;}
.news-article .left .info .date{font-family: DIN;}
.news-article .left .info>div{margin-right: 10px;}
.news-article .left .text{color: #666;line-height: 1.8;margin-top: 3rem;padding-top: 3rem;border-top: 1px solid #efefef;}
.news-article .left .text p{margin-bottom: 1.5rem;text-indent: 2em;}
.news-article .left .text img{display: block;margin: 0 auto;}
.news-article .left .page{margin-top: 3rem;padding-top: 3rem;border-top: 1px solid #efefef;}
.news-article .left .page .l{width:70%;}
.news-article .left .page .l div{margin-bottom:10px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;color:#333;}
.news-article .left .page .l div:last-child{margin-bottom:0px;}
.news-article .left .page .l div a:hover{color:#00388c;}
.news-article .left .page .r a{display:inline-block;border:1px dashed #e5e5e5;width:160px;line-height:43px;text-align:center;font-size:16px;color:#333;-webkit-transition: .3s;-o-transition: .3s;-moz-transition: .3s;transition: .3s;}
.news-article .left .page .r a i{color:#00388c;font-size:25px;margin-right:8px;position:relative;top:3px;}
.news-article .left .page .r a:hover{background:#00388c;color:#fff;border:1px solid #00388c;}
.news-article .left .page .r a:hover i{color:#fff;}

.n-page{margin-top: 5rem;text-align: center;}
.n-page a{width:48px;height:48px;line-height:48px;display:inline-block;text-align:center;background:#efefef;color:#333;margin-right:15px;-webkit-transition: .3s;-o-transition: .3s;-moz-transition: .3s;transition: .3s;font-size: 14px;font-family: DIN;}
.n-page a:last-child{margin-right: 0;}
.n-page a:hover,.n-page a.page-num-current{background:#333;color:#fff;}

.about{padding: 8rem 0 12rem;background: #fafafa;}
.about .p1{width: 100%;}
.about .p1 .left{width: 50%; background:#fff; padding:5rem;}
.about .p1 .left .text{ width:100%; color:#666; margin-top: 2em;line-height: 2;}
.about .p1 .left .text p{margin-bottom: 1.5rem;}
.about .p1 .right{width:50%; background:#333; padding:5rem;color: #fff;}
.about .p1 .right .ttt{width: 100%;color:rgba(255,255,255,0.6);margin: 1rem 0 5rem 0;text-transform: uppercase;}
.about .p1 .right .items{width:100%; border-bottom:1px solid rgba(255,255,255,0.2); border-top:1px solid rgba(255,255,255,0.2); padding: 5rem 0;}
.about .p1 .right .items .item{margin: 0;padding: 3% 5%;float: left;width: 33.333%;}
.about .p1 .right .items .item h2{display: block;margin: 0;padding: 0;}
.about .p1 .right .items .item h2 strong{display: inline-block;font-size: 44px;font-weight: normal;font-family: 'DIN';}
.about .p1 .right .items .item h2 sup {font-size:30px;font-weight: normal;}
.about .p1 .right .items .item p{display: block;font-size: 15px;color: rgba(255,255,255,0.6);margin: 10px 0;padding: 0;}
.about .p1 .right .items .item i{display: block;margin-bottom: 10px;color: rgba(255,255,255,0.8);}
.about .p1 .right .btns{ margin-top:45px;}
.about .p1 .right .btns a{display:inline-block;padding: 1em 3rem; border:1px solid #fff; color:#fff;-webkit-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;}
.about .p1 .right .btns a:hover{ background:#fff; color:#323235;-webkit-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;}
.about .p1 .right .btns a:last-child{ margin-left:20px;}
.about .p1 .right .btns a i{ margin-right:8px;}
.about .p2{ background:url(../images/about-p2-bg.jpg) no-repeat 50%/cover; margin-top:58px; padding-top:80px;}
.about .p2 .top{ padding-left:50px;}
.about .p2 .top h5{ font-size:30px; color:#fff; padding-bottom:25px; margin-bottom:41px; position:relative;}
.about .p2 .top h5:before{ content:""; position:absolute; width:40px; height:1px; background:rgba(255,255,255,.3); display:inline-block; left:0px; bottom:0px;}
.about .p2 .top p{ font-size:14px; color:#fff; line-height:32px;}
.about .p2 .content{ display:-webkit-box; display:-webkit-flex; display:-moz-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -webkit-flex-direction:row; -moz-box-orient:horizontal; -moz-box-direction:normal; -ms-flex-direction:row; flex-direction:row; -webkit-box-pack:justify; -webkit-justify-content:space-between; -moz-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; margin-top:80px;}
.about .p2 .content .item{ width:33.33%; text-align:center;padding: 5rem 2%; border-right:1px solid rgba(255,255,255,.3); border-top:1px solid rgba(255,255,255,.3);-webkit-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s; }
.about .p2 .content .item:last-child{border-right: 0;}
.about .p2 .content .item .bottom dd{ font-size:18px; color:#fff; margin:25px 0px;}
.about .p2 .content .item .bottom dt{ font-size:15px; color:#fff;line-height: 1.5;}
.about .p2 .content .item:hover{ background:#00388c; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s; }

.contact_banner{position:relative;}
.contact_banner:before{position:absolute;top:0;left:0;z-index:5;display:inline-block;width:100%;height:24%;background:#000;background:-webkit-gradient(linear,left top, left bottom,color-stop(25%, rgba(1,1,1,.7)),to(rgba(30,95,116,0)));background:-webkit-linear-gradient(top,rgba(1,1,1,.7) 25%,rgba(30,95,116,0) 100%);background:-moz-linear-gradient(top,rgba(1,1,1,.7) 25%,rgba(30,95,116,0) 100%);background:-o-linear-gradient(top,rgba(1,1,1,.7) 25%,rgba(30,95,116,0) 100%);background:linear-gradient(to bottom,rgba(1,1,1,.7) 25%,rgba(30,95,116,0) 100%);content:"";}
.contact_banner:after{position:absolute;top:0;left:0;display:inline-block;width:50%;height:100%;background:-webkit-gradient(linear,left top, right top,color-stop(20%, rgba(1,1,1,.7)),to(rgba(30,95,116,0)));background:-webkit-linear-gradient(left,rgba(1,1,1,.7) 20%,rgba(30,95,116,0) 100%);background:-moz-linear-gradient(left,rgba(1,1,1,.7) 20%,rgba(30,95,116,0) 100%);background:-o-linear-gradient(left,rgba(1,1,1,.7) 20%,rgba(30,95,116,0) 100%);background:linear-gradient(to right,rgba(1,1,1,.7) 20%,rgba(30,95,116,0) 100%);content:"";}
.contact_banner .map{width:100%;height:800px;}
.contact_banner .map .amap-copyright,.contact_banner .map .amap-logo{display:none!important;}
@-webkit-keyframes warn{0%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);}
100%{opacity:0;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
}
@-moz-keyframes warn{0%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);}
100%{opacity:0;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
}
@-o-keyframes warn{0%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);}
100%{opacity:0;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
}
@keyframes warn{0%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);}
100%{opacity:0;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);}
}
.contact_banner .map .map_icon{position: relative;}
.contact_banner .map .map_icon i{color: rgba(255, 255, 255, 0.6);position: relative;z-index: 1;}
.contact_banner .map .map_icon .map_icon_txt{opacity:.1}
.contact_banner .map .map_icon .pulse{position:absolute;top:-175px;left:-175px;z-index: -1;;width:400px;height:400px;border-radius:100%;background:#fff;-webkit-animation:warn 3s ease-out both;-moz-animation:warn 3s ease-out both;-o-animation:warn 3s ease-out both;animation:warn 3s ease-out both;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite}
.contact_banner .map .map_icon .delay-01{-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s}
.contact_banner .map .map_icon .delay-02{-webkit-animation-delay:1.5s;-moz-animation-delay:1.5s;-o-animation-delay:1.5s;animation-delay:1.5s}
.contact_banner .map .map_icon .delay-03{-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;animation-delay:2s}
.contact_banner .map .map_icon .delay-04{-webkit-animation-delay:2.5s;-moz-animation-delay:2.5s;-o-animation-delay:2.5s;animation-delay:2.5s}
.contact_banner .map .map_icon .delay-05{-webkit-animation-delay:3s;-moz-animation-delay:3s;-o-animation-delay:3s;animation-delay:3s}
.contact_banner .map .map_icon .delay-06{-webkit-animation-delay:3.5s;-moz-animation-delay:3.5s;-o-animation-delay:3.5s;animation-delay:3.5s}
.contact_banner .txt{ color: #fff;position:absolute; max-width:1500px; left:0; right:0; z-index:5; top:0; margin:0 auto; height:100%;}
.contact_banner .txt .tt{ border-bottom:1px dashed #899094; padding-bottom:20px; margin-bottom:20px;}
.contact_banner .txt .tt dt{ margin:15px 0px;}
.contact_banner .txt .tt p{font-weight:bolder;font-family: DIN;}
.contact_banner .txt .tt p i{ margin-right:5px; }
.contact_banner .txt .bottom{ margin-top:3rem;}
.contact_banner .txt .bottom a{display:inline-block;padding: 1em 3rem; border:1px solid #fff; color:#fff;-webkit-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;}
.contact_banner .txt .bottom a:last-child {margin-left: 20px;}
.contact_banner .txt .bottom a i{ margin-right:5px; position:relative}
.contact_banner .txt .bottom a:hover{ color:#333;  background:#fff; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.contact{padding: 8rem 0 12rem;}
.contact .p1{width: 100%;}
.contact .p1 .left{width: 50%;}
.contact .p1 h4{font-weight: bold;}
.contact .p1 h5{margin-top: 1.5rem;}
.contact .p1 h6{color: #666;margin-top: 1rem;}
.contact .p1 .text{margin-top: 3rem;}
.contact .p1 .text p{margin-top: 1.5rem;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;-ms-flex-align: center;align-items: center;font-size: 20px;font-family: DIN}
.contact .p1 .text i{font-size: 25px;padding: 1.5rem; background: #000;color: #fff;display: block;border-radius: 100%;margin-right: 3rem;}
.contact .p1 .text p em{display: block;font-size: 14px;margin-bottom: 5px;}
.contact .p1 .right{width: 50%;}
.contact .p1 .right form{margin-top: 3rem;}
.contact .p1 .right form input, .contact .p1 .right form select,.contact .p1 .right form textarea{width: 100%;background-color: #f4f5f8;border: 1px solid #f4f5f8;color: #686a6f;padding: 1.5rem 2rem;margin-bottom: 2%;font-size: 16px;}
.contact .p1 .right form .f1{width: 49%;}
.contact .p1 .right form .f2{width: 100%;}
.contact .p1 .right form .checkcode{position: relative;}
.contact .p1 .right form .checkcode img{position: absolute;right: 0;top: 0;}
.contact .p1 .right form textarea{height: 15rem;}
.contact .p1 .right form button{width: 100%;padding: 2rem 0;background: #000;color: #fff;font-size: 18px;position: relative;overflow: hidden;}
.contact .p1 .right form button:before{position:absolute;top:0;right:auto;bottom:auto;left:-5%;width:110%;height:400%;background:#00388c;content:"";-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;-o-transition:-o-transform .5s;-moz-transition:transform .5s, -moz-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s, -moz-transform .5s, -o-transform .5s;transition:transform .5s,-webkit-transform .5s;-webkit-transform:skewY(
    -10deg) scale(1,0);-moz-transform:skewY(
    -10deg) scale(1,0);-ms-transform:skewY(
    -10deg) scale(1,0);-o-transform:skewY(
    -10deg) scale(1,0);transform:skewY(
    -10deg) scale(1,0);-webkit-transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-o-transform-origin:left bottom;transform-origin:left bottom;}
.contact .p1 .right form button:hover:before{-webkit-transform:skewY(
-10deg) scale(1,1);-moz-transform:skewY(
-10deg) scale(1,1);-ms-transform:skewY(
-10deg) scale(1,1);-o-transform:skewY(
-10deg) scale(1,1);transform:skewY(
-10deg) scale(1,1);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}
.contact .p1 .right form button span{position: relative;}