﻿
*{margin: 0;padding: 0;}
body{position: relative;}
a{text-decoration:none;outline: none;}
a:hover{text-decoration:none;-webkit-transition: background-color .2s ease;-moz-transition: background-color .2s ease;-ms-transition: background-color .2s ease;-o-transition: background-color .2s ease;transition: background-color .2s ease; }
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:transparent;}
img{display: block;}
/* 清除默认表单样式 */
input{box-shadow:none;outline: none;resize: none;border: none;-webkit-appearance: none;-webkit-tap-highlight-color:rgba(0,0,0,0);background: transparent;}
select{border: none;appearance:none;-moz-appearance:none;-webkit-appearance: none;outline: none;background: transparent;}
select::-ms-expand { display: none; }
textarea{border: none;appearance:none;-moz-appearance:none;-webkit-appearance: none;outline: none;background: transparent;}

/* placeholder */
input::-webkit-input-placeholder { 
    /* WebKit browsers */ 
    color: #999; 
} 
input:-moz-placeholder { 
    /* Mozilla Firefox 4 to 18 */ 
    color: #999; 
} 
input::-moz-placeholder { 
    /* Mozilla Firefox 19+ */ 
    color: #999; 
} 
input:-ms-input-placeholder { 
    /* Internet Explorer 10+ */ 
    color: #999; 
}

textarea::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #999;
}
textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999;
}
textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999;
}
textarea::-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #999;
}


/* 通用 */
body{}
img.ofi{object-fit: cover;font-family: 'object-fit: cover;';}
img.ofic{object-fit: contain;font-family: 'object-fit: contain;';}
.w{width: 83.33%;margin: 0 auto;}
.w1{width: 78.125%;margin: 0 auto;}
.com-tit{position: relative;color: #333;font-size: 60px;text-align: center;}
.com-tit .cn{font-size: 45px;line-height: 1em;}
.com-tit .en{position: absolute;left: 50%;top: 32px;width: 100%;transform: translateX(-50%);opacity: .07;line-height: .8em;}

/* 滚动条 */
::-webkit-scrollbar {
	/* display: none; */
	width:5px;
	height:5px
}
::-webkit-scrollbar-track {
	border-radius:0;
	background:#e5e5e5; 
}
::-webkit-scrollbar-thumb {
	border-radius:5px;
	background: #0054aa;
}
::-webkit-scrollbar-thumb:hover {
	border-radius:5px;
	background: #0054aa;
}

/* 内容滚动条 */
.content-scroll::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #e5e5e5;
}
 
.content-scroll::-webkit-scrollbar{
    width: 2px;
    background-color: #e5e5e5;
}
 
.content-scroll::-webkit-scrollbar-thumb{
    background-color: #0054aa;
}

#fp-nav ul li a span, .fp-slidesNav ul li a span{background: #005ca2;}


/* loading */
.ie #loading{display: none;}
#loading {
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    background-color: transparent;
    z-index: 900;
}
#loading.on {
    opacity: 0;
    animation: fadeOut 2s ease-in-out;
    z-index: 0;
}
#loading #loader {
    height: 100vh;
    position: relative;
    width: 100%;
    background-color: #000;
}
#loading #loader .logo-water {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    /* background-color: #000; */
    width: 180px;
    height: 100px;
    z-index: 800;
    opacity: 1;
}
#loading #loader .logo-water.on {
    opacity: 0;
    pointer-events: none;
    animation: fadeOut 2s ease-in-out;
}
#loading #loader .logo-water > img {
    position: absolute;
    /* right: 22px; */
    left: calc(50% - 10px);
    /* transform: translateX(-50%); */
    z-index: 150;
    height: 27px;
    top: 4px;
    opacity: 0;
    transition: all 0.1s ease-out;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
}
#loading #loader .logo-water > img.on {
    opacity: 1;
    left: -1500px;
    top: -3000px;
    height: 5000px;
    transform-origin: 50% 70%;
    animation: water-go 1.2s cubic-bezier(1, -0.01, 0.43, 0.68);
}
#loading #loader .logo-water .load-mask {
    width: 180px;
    height: 100px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    z-index: 100;
    background: url(404.png) center no-repeat #3d3d3d;
    -webkit-mask: url(404.png);
    -webkit-mask-size: 100% 100%;
    background-position-y: -8px;
    background-position-x: -612px;
    animation: load-mask-go 3.8s ease-in-out;
    
}

@keyframes load-mask-go {
    0% {
      background-position-y: 70px;
      background-position-x: 0px;
    }
    100% {
        background-position-y: -8px;
        background-position-x: -612px;
    }
}
@keyframes water-go {
    0% {
      height: 27px;
      left: calc(50% - 10px);
      top: 4px;
    }
    100% {
      left: -1500px;
      height: 5000px;
      top: -3000px;
    }
}
@keyframes load-bg-go {
    0%{
      background: #000;
    }
    100%{
      background:transparent;
      display: none;
    }
}



/* header */
.header{position: absolute;left: 0;top: 0;width: 100%;z-index: 100;transition: all .5s;}
.header-main{display: flex;justify-content: space-between;align-items: center;}
.header .logo{}
.header .logo img{display: block;width: 100%;}
.header .logo img.hover{display: none;}
.header-menu{display: flex;align-items: center;}
.header-menu .header-nav{display: flex;align-items: center;height: 95px;}
.header-nav .header-nav-li{position: relative;padding: 0 25px;height: 100%;}
.header-nav .header-nav-li::before{position: absolute;left: 8px;top: 50%;transform: translateY(-80%);transition: all .5s;content: url(../image/nav-icon.png);opacity: 0;}
.header-nav .header-nav-li:hover::before,.header-nav .header-nav-li.on::before{opacity: 1;transform: translateY(-50%);}
.header-nav .header-nav-li a{display: block;height: 100%;line-height: 95px;;color: #fefeff;font-size: 18px;transition: all .5s;}
.header-lang{position: relative;display: flex;align-items: center;justify-content: space-between;width: 125px;height: 40px;box-sizing: border-box;padding: 11px 24px 11px 22px;border-radius: 40px;margin-left: 37px;background: #fff;cursor: pointer;transition: all .5s;}
.header-lang-icon{height: 100%;width: auto;}
.header-lang-icon img.hover{display: none;}
.header-lang .header-lang-choose{padding-left: 13px;border-left: 1px solid #d2d2d2;color: #333;font-size: 16px;line-height: 1em;}
.header-lang-slide{display: none;position: absolute;top: 39px;left: 50%;transform: translateX(-50%);width: 80%;}
.header-lang-slide li{border: 1px solid #005ca2;}
.header-lang-slide li a{display: block;color: #fff;font-size: 16px;line-height: 35px;text-align: center;background: #005ca2;transition: all .5s;}
.header-lang-slide li:hover a{color: #005ca2;background: #fff;}

.header-pc-slide{display: none;align-items: center;width: 608px;height: 307px;position: absolute;left: 50%;transform: translateX(-50%);box-sizing: border-box;background: #fff;z-index: 99;}
.header-pc-slide-nav{width: 221px;height: 100%;box-sizing: border-box; center no-repeat;border-right: 1px solid rgba(0, 76, 134, .1);}
.header-pc-slide-nav ul{display: flex;flex-flow: column;justify-content: center;height: 100%;}
.header-pc-slide-nav li{margin-bottom: 25px;}
.header-nav .header-pc-slide-nav li a {display: block;position: relative;text-align: center;color: #005ca2;font-size: 16px;line-height: 1em;}
.header-nav .header-pc-slide-nav li a p{position: relative;display: inline-block;padding: 0 15px;}
.header-nav .header-pc-slide-nav li a p::before{position: absolute;left: 0;top: -5px;;content: url(../image/nav-icon.png);transition: all .5s;opacity: 0;}
.header-nav .header-pc-slide-nav li span{position: absolute;left: 50%;top: 0;transform: translate(-50%,120%);width: 100%;font-size: 12px;transition: all .5s;opacity: 0;}

.header-nav .header-pc-slide-nav li:hover a p::before{top: 0;opacity: 1;}
.header-nav .header-pc-slide-nav li:hover span{opacity: 1;}
.header-pc-slide-nav li:last-child{margin-bottom: 0;}
.header-pc-slide-pic{width: 305px;height: 174px;box-sizing: border-box;margin:65px 41px;padding: 4px 4px 4px 5px;border: 1px solid rgba(0, 76, 134, .1);;}
.header:hover{background: #fff;}
.header:hover .logo img.leave{display: none;}
.header:hover .logo img.hover{display: block;}
.header:hover .header-nav .header-nav-li a{color: #333;}
.header:hover .header-nav .header-nav-li::before{content: url(../image/nav-icon.png);
}
.header:hover .header-lang{background: #005ca2;}
.header:hover .header-lang .header-lang-choose{color: #fff;}
.header:hover .header-lang .header-lang-icon img.leave{display: none;}
.header:hover .header-lang .header-lang-icon img.hover{display: block;}
.header-nav li:hover .header-pc-slide{display: flex;}


/* header-inner */
.header-inner{background: #fff;}
.header-inner .logo{color: #005ca2;}
.header-inner .header-nav .header-nav-li a{color: #333;}
.header-inner .header-nav .header-nav-li::before{content: url(../image/nav-icon.png)}
.header-inner .header-lang{background: #005ca2;}
.header-inner .header-lang .header-lang-choose{color: #fff;}

/* header-mobile */
.header.on{background: #fff;}
.header-mobile{position: relative;display: none;justify-content: space-between;align-items: center;padding: 20px 5%;z-index: 5;background: transparent;transition: all .5s;}
.header-inner .header-mobile{background: #fff;}
.header-mobile .logo{display: block;}
.header .header-mobile .logo img.on{display: none;}

.header-btn{position: relative;width: 30px;height: 30px;cursor: pointer;z-index: 1;}
.header-btn .lines{width: 100%;height: 3px;background: #fff;margin: 6px 0;transition: all .5s;}
.header-inner .header-btn .lines{background: #005ca2;}
.header.on .logo img.off{display: none;}
.header.on .logo img.on{display: block;}
.header.on .header-btn .lines{background: #005ca2;}
.header.on .lines:first-child{position: absolute;left: 0;top: 0;transform: rotate(45deg);margin-top: 15px;}
.header .lines:nth-child(2){transition: none;}
.header.on .lines:nth-child(2){position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);opacity: 0;}
.header.on .lines:last-child{position: absolute;left: 0;top: 0;transform: rotate(-45deg);margin-top: 15px;}



.header-mobile-slide{display: none;position: absolute;left: 0;top: 0;width: 100%;height: 100vh;padding-top: 84px;box-sizing: border-box;overflow-y: auto;background: #fff;}
.header-mobile-slide::-webkit-scrollbar {
    display: none;
}
.header-mobile-slideitem{position: relative;border-bottom: 1px solid rgba(0, 0, 0, .1);cursor: pointer;}
.header-mobile-slideitem a{display: inline-block;color: #333;font-size: 20px;padding: 20px 0 20px 5%;}
/* .header-mobile-slideitem:last-child{border-bottom: 1px solid #333;} */
.header-mobile-slideitem span{position: absolute;right: 5%;top: 24px;width: 22px;height: 22px;font-size: 22px;transition: all .5s;}
.header-mobile-slideitem span img{display: block;width: 100%;height: 100%;}
.header-mobile-slideitem.on span{transform: rotate(180deg);}
.header-mobile-nav{margin-bottom: 25px;margin-left: 8%;display: none;}
.header-mobile-slideitem ul{}
.header-mobile-slideitem ul li a {display: block;padding:5px 0;border-top: none;font-size: 18px;}

.header.on .header-mobile{background: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, .1);}
.header.on .header-mobile-slide{display: block;}
/* i-banner */
.i-banner{position: relative;height: 100vh;}
.i-banner-picbox{}
.i-banner-picbox ul{height: 100vh;}
.i-banner-picbox .i-banner-item{position: relative;height: 100%;}
.i-banner-picbox .i-banner-pic{width: 100%;height: 100%;object-fit: cover;font-family: 'object-fit: cover;';object-position: center;transform: scale(1.1);transition: 1s linear 3s;}
.i-banner-picbox .i-banner-item.swiper-slide-active .i-banner-pic{transform: scale(1);transition: 6s linear;}
.i-banner-info{position: absolute;left: 0;top: 50%;transform: translateY(-150%);display: flex;width: 100%;padding-left: 8.33%;box-sizing: border-box;}
.i-banner-info .i-banner-title{color: #fefeff;font-size: 60px;line-height: 1.5em;letter-spacing:6px;}
.i-banner-more{position: relative;display: flex;width: 155px;padding:10px 18px;align-items: center;color: #fefeff;}
/* .i-banner-more img{width: 28px;height: 39px;} */
.i-banner-more span{display: block;width: 25px;height: 2px;background: #fff;}
.i-banner-more p{margin-left: 8px;color: #fefeff;font-size: 16px;line-height: .8em;}
.moreicon{position: absolute;left: 4px;bottom: 0px;transition: all .5s;}
.i-banner-more .moreicon{opacity: 0;}
.i-banner-more:hover .moreicon{left: 125px;}

.i-banner-page{position: absolute;right: 0;bottom: 62px;padding-right: 8.33%;padding-bottom: 9px;border-bottom: 1px solid rgba(255,255,255,.5);z-index: 1;}
.i-banner-page ul{display: flex;height: 24px;}
.i-banner-page li{margin-left: 28px;color: #fefeff;font-size: 24px;line-height: .8em;opacity: .5;outline: none;}
.i-banner-page li:first-child{margin-left: 0;}
.i-banner-page li.swiper-pagination-bullet-active{opacity: 1;}
.i-banner-page .swiper-pagination{position: relative;}
.i-banner-page .swiper-pagination-bullet{width: auto;height: auto;background: none;}

.i-banner-smallpic{position: absolute;bottom: 62px;padding-left: 8.33%;}
.i-banner-smallpic ul{display: flex;}
.i-banner-smallpic li{width: 200px;height: 115px;box-sizing: border-box;cursor: pointer;border: 1px solid #fff;}
.i-banner-smallpic li:last-child{margin-right: 0;}
.i-banner-smallpic li img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: center;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;transition: all .5s;}
.i-banner-smallpic li.swiper-slide-thumb-active img,.i-banner-smallpic li:hover img{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);filter: none;}

/* i-about */
.i-about{height: 100vh;box-sizing: border-box;background: url(../image/about-bg.jpg) no-repeat center;background-size: cover;}
.i-about-title{margin:126px 0 58px;color: #333;font-size: 50px;line-height: 1em;text-align: center;}
.i-about-content{width: 55.98%;box-sizing: border-box;padding: 98px 181px 94px 162px;margin: 0 auto;background: #fff;opacity: .85;}
.i-about-msg{}
.i-about-tit{color: #005ca2;font-size: 24px;line-height: 36px;text-align: justify;}
.i-about-info{margin-top: 41px;color: #555;font-size: 16px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;max-height: 120px;overflow: hidden;}
.i-about-info p{line-height: 30px;text-align: justify;hyphens: auto;}
.i-about-number{display: flex;justify-content: center;align-items: center;margin-top: 78px;}
.i-about-number .i-about-numitem{}
.i-about-numitem .i-about-num-box{display: flex;}
.i-about-number h5,.i-about-number span{color: #005ca2;font-size: 40px;line-height: .8em;text-align: center;}
.i-about-number p{margin-top: 16px;color: #005ca2;font-size: 16px;line-height: 1em;text-align: center;}
.i-about-line{width: 1px;height: 43px;margin-right: 78px;margin-left: 87px;background: #d6dae0;}
.i-about .i-more{width: 124px;margin-bottom: 106px;box-sizing: border-box;}

.i-more{position: relative;display: flex;justify-content: center;width: fit-content;width: -moz-fit-content;min-width: 145px;margin: 36px auto 0;padding: 36px 0 0;;padding-left: 18px;align-items: center;color: #fefeff;}
.i-more span{position: relative;display: block;width: 25px;height: 2px;background: #005ca2;}
.i-more p{margin-left: 8px;color: #005ca2;font-size: 16px;line-height: .8em;}
.i-more .moreicon{position: absolute;left: 4px;bottom: -6px;transition: all .5s;}
.i-more:hover .moreicon{left: 125px;}

/* i-case */
.i-case{position: relative;height: 100vh;overflow: hidden;}
.i-case-title{position: absolute;left: 10.93%;top: 114px;color: #333;font-size: 50px;line-height: 1em;z-index: 6;}
.i-case-main{height: 100vh;overflow: hidden;}
.i-case-item{position: relative;}
.i-case-item .i-case-pic{position: relative;width: 100%;height: 100%;object-fit: cover;object-position: center;transform: scale(1.1);transition: 1s linear 3s;}
.i-case-item.swiper-slide-active .i-case-pic{transform: scale(1);transition: 6s linear;}
/* .i-case-item::after{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, .5);content: '';} */

.i-case-info{position: absolute;left: 10.93%;top: 334px;width: 23.92%;z-index: 5;}
.i-case-info h5{color: #005ca2;font-size: 30px;line-height: 1em;}
.i-case-info .i-case-text{margin-top: 29px;color: #005ca2;font-size: 16px;line-height: 40px;text-align: justify;hyphens: auto;}
.i-case .i-more{width: 124px;box-sizing: border-box;margin: 48px 0 0;}
.i-case .i-more .moreicon{width: 28px;height: 39px;background: url(404.png) center/cover no-repeat;}
.i-case .i-case-item:nth-child(4) .i-more .moreicon,.i-case .i-case-item:nth-child(5) .i-more .moreicon,.i-case .i-case-item:nth-child(6) .i-more .moreicon,.i-case .i-case-item:nth-child(8) .i-more .moreicon{background: url(404.png) center/cover no-repeat;}
.i-case-item:nth-child(4) .i-case-title,.i-case-item:nth-child(4) .i-case-info h5,.i-case-item:nth-child(4) .i-case-info .i-case-text,.i-case-item:nth-child(4) .i-more p{color: #fff;}
.i-case-item:nth-child(4) .i-more span{background: #fff;}

.i-case-item:nth-child(5) .i-case-title,.i-case-item:nth-child(5) .i-case-info h5,.i-case-item:nth-child(5) .i-case-info .i-case-text,.i-case-item:nth-child(5) .i-more p{color: #fff;}
.i-case-item:nth-child(5) .i-more span{background: #fff;}

.i-case-item:nth-child(6) .i-case-title,.i-case-item:nth-child(6) .i-case-info h5,.i-case-item:nth-child(6) .i-case-info .i-case-text,.i-case-item:nth-child(6) .i-more p{color: #fff;}
.i-case-item:nth-child(6) .i-more span{background: #fff;}

.i-case-item:nth-child(8) .i-case-title,.i-case-item:nth-child(8) .i-case-info h5,.i-case-item:nth-child(8) .i-case-info .i-case-text,.i-case-item:nth-child(8) .i-more p{color: #fff;}
.i-case-item:nth-child(8) .i-more span{background: #fff;}

.i-case-menu{position: absolute;right: 0;top: 0;width: 25.52%;height: 100%;background: rgba(0,50,88,.15);z-index: 5;}
.i-case-menu ul{display: flex;flex-flow: column;height: 100vh;justify-content: space-between;}
.i-case-menu li{position: relative;display: flex;align-items: center;height: 12.5%;box-sizing: border-box;border-bottom: 1px solid rgba(255,255,255,.2);padding-left: 126px;padding-right: 28px;cursor: pointer;overflow: hidden;transition: all .5s;}
.i-case-menu li::after{content: url(404.png);position: absolute;top: -28px;left: 50%;transform: translateX(-50%);opacity: 0;transition: all .5s;}
.i-case-menu li:hover,.i-case-menu li.on{background: #005ca2;}
.i-case-menu li:hover::after,.i-case-menu li.on::after{opacity: 1;}
.i-case-menu li img.i-case-menu-icon{position: absolute;left: 51px;top: 50%;transform: translateY(-50%);}
/* .i-case-menu li:first-child img.i-case-menu-icon{left: 46px;} */
.i-case-menu li:nth-child(3) img.i-case-menu-icon{left: 41px;}
/* .i-case-menu li:first-child,.i-case-menu li:last-child{justify-content: center;padding-left: 0;padding-right: 0;} */
.i-case-menu-cn{color: #fff;font-size: 25px;line-height: 1em;}
.i-case-menu-en{margin-top: 11px;color: #fff;font-size: 16px;line-height: 1em;}


/* i-research */
/* .i-research{padding: 91px 0 134px;} */
.i-researh-title{margin-top: 91px;font-size: 50px;color: #333;line-height: 1em;text-align: center;}
.i-researh-longtitle{margin-top: 26px;font-size: 16px;color: #555;line-height: 1em;text-align: center;}
.i-research-content{position: relative;margin: 77px auto 134px;box-shadow: 0 0 8px rgba(0,0,0,.1);}
.i-research-content ul{}
.i-research-content li{display: flex;background: #fff;}

.i-research-main{position: relative;width: 37.31%;padding: 63px 44px 140px 34px;box-sizing: border-box;}
.i-research-main::after{position: absolute;left: 0;bottom: 0;content: "";width: 100%;height: 5px;background-image:linear-gradient(to right,#0086ec 55%, #00e2da);}
.i-research-info{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-height: 96px;color: #555;font-size: 18px;line-height: 32px;text-align: justify;hyphens: auto;}
.i-research-pic{width: 62.69%;}
.i-research-pic img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

.i-research-menu{display: flex;}
.i-research-menu p{display: block;margin-right: 48px;padding: 15px 35px;border-radius: 55px;color: #555;font-size: 20px;line-height: 1em;background: #eee;cursor: pointer;transition: all .5s;}
.i-research-menu p.on{color: #fff;background:#005ca2;}
.i-research-menu p:last-child{margin-right: 0;}
.i-research-line{position: relative;width: 100%;height: 1px;margin:70px 0 59px;background: #e5e5e5;}
.i-research-line::before{content:'';position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 74px;height: 4px;background: #005ca2;}
.i-research .i-more{width: 124px;box-sizing: border-box;margin: 46px 0 0;}

.i-advantage{position: relative;width: 100%;height: 100vh;overflow: hidden;}
.i-advantage-bg{width: 100%;height: 100%;object-fit: cover;object-position: center;animation: small 12s infinite;}
@keyframes small {
    0%{
        transform: scale(1.1);
    }
    50%{
        transform: scale(1);
    }
    100%{
        transform: scale(1.1);
    }
}

.i-advantage-text{position: absolute;width: 100%;left: 0;top: 105px;z-index: 1;}
.i-advantage-title{color: #fff;font-size: 50px;line-height: 1em;text-align: center;}
.i-advantage-longtitle{margin-top: 24px;color: #fff;font-size: 16px;line-height: 1em;text-align: center;}
.i-advantage-main{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.i-advantage-main ul{display: flex;width: 100%;height: 100%;}
.i-advantage-main li{width: 20%;height: 100%;box-sizing: border-box;border-right: 1px solid rgba(255,255,255,.5);background: transparent;transition: all .5s;}
.i-advantage-main li:hover{background: url(404.png) center/cover;}
.i-advantage-main li a{display: flex;flex-flow: column;justify-content: space-between;align-items: center;height: 100%;box-sizing: border-box;padding: 416px 0 366px;transition: all .5s;}
.i-advantage-main li:hover a img{}
.i-advantage-main li:hover a{animation: upDown 2s infinite;}
.i-advantage-main .i-advantage-line{width: 35px;height: 2px;background: #fff;} 
.i-advantage-main p{color: #fff;font-size: 24px;line-height: 1em;text-align: center;}

/* i-partner */
.i-partner{height: 100vh;background: url(404.png) center/cover;}
.i-partner-text{padding: 95px 0 68px;}
.i-partner-title{color: #333;font-size: 50px;line-height: 1em;text-align: center;}
.i-partner-longtitle{margin: 34px auto 16px;color: #005ca2;font-size: 24px;line-height: 1em;text-align: center;}
.i-partner-summary{color: #777;font-size: 16px;line-height: 1em;text-align: center;}
.i-partner-content{height: 429px;padding-right: 17px;}
.i-partner-group{}
.i-partner-item{width: 24%;height: 200px;padding-top: 38px;box-sizing: border-box;border: 1px solid #d9e1e8;overflow: hidden;cursor: pointer;background: #fff;}
.i-partner-item img{object-position: center;margin-bottom: 24px;transition: all .5s;}
.i-partner-item p{color: #555;font-size: 16px;text-align: center;}
/* .i-partner-item:hover img{transform: scale(1.2);} */
.i-partner-btn{display: flex;justify-content: center;align-items: center;margin: 71px auto 103px;}
.look-more{display: flex;justify-content: center;align-items: center;width: 50px;height: 50px;background: #fff;border-radius: 50%;box-shadow: 0 0 1px rgba(0,45,80,.1);cursor: pointer;transition: all .5s;outline: none;}
.look-more:first-child{margin-right: 174px;}
.look-more img.hover{display: none;}
.look-more:hover{background: #005ca2;}
.look-more:hover img.leave{display: none;}
.look-more:hover img.hover{display: block;}

/* i-news */
/* .i-news{padding: 94px 0 100px;} */
.i-news-title{margin-top: 94px;color: #333333;font-size: 50px;line-height: 1em;}
.i-news-content{display: flex;margin: 62px auto 100px;}
.i-news-latest{width: 50%;padding-right: 49px;box-sizing: border-box;}
.i-news-pic{display: block;width: 100%;margin-bottom: 33px;}
.i-news-info{}
.i-news-storytitle{color: #333;font-size: 24px;line-height: 1em;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all .5s;}
.i-news-msg{margin: 31px 0 29px;padding-right: 25px;color: #555;font-size: 16px;line-height: 26px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition: all .5s;}
.i-news-date{color: #005ca2;font-size: 26px;line-height: 1em;transition: all .5s;}
.i-news-line{width: 100%;height: 1px;margin: 23px 0 40px;background: #e5e5e5;}
.i-news .look-more{background: #005ca2;}
.i-news-list{display: flex;flex-flow: column;justify-content: space-between;width: 50%;}

.i-news-latest:hover .i-news-storytitle,.i-news-latest:hover .i-news-msg,.i-news-latest:hover .i-news-date{margin-left: 25px;padding-right: 0;}
.i-news-info:hover .i-news-storytitle,.i-news-info:hover .i-news-msg,.i-news-info:hover .i-news-date{margin-left: 25px;padding-right: 0;}

/* i-contact */
.i-contact{height: 90px;background: url(../image/contact-bg.jpg) repeat-x;}
.i-contact-content{display: flex;justify-content: space-between;}
.i-contact-title{padding: 33px 0;font-size: 24px;color: #fff;line-height: 1em;}
.i-contact-group{display: flex;}
.i-contact-item{position: relative;padding: 33px 0;}
.i-contact-item::before{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 19px;background: rgba(255,255,255,.5);}
.i-contact-item:last-child::after{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 19px;background: rgba(255,255,255,.5);}
.i-contact-item a{display: flex;justify-content: center;align-items: center;;padding:0 44px;color: #fff;font-size: 20px;line-height: 1em;overflow: hidden;}
.i-contact-item a img{margin-right: 12px;}
.i-contact-item .phonenum{display: flex;justify-content: center;align-items: center;position: absolute;top: -50px;width: 100%;height: 50px;background: rgba(255,255,255,.5);transition: all .5s;box-shadow: 0 0 5px rgba(0, 0, 0, .1);transition: all .5s;opacity: 0;}
.i-contact-item .phonenum p{text-align: center;line-height: 50px;color: #005ca2;font-size: 18px;margin-left: 5px;}
.i-contact-item:hover .phonenum{opacity: 1;}
/* #i-telephone:hover a span.phonenum{right: 0; opacity: 1;} */

.i-wechat{display: none;position: absolute;left: 50%;top: -130px;transform: translateX(-50%);justify-content: center;align-items: center;padding: 5px;border-radius: 10px;background: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, .1);}
.i-wechat::after{content: "";position: absolute;bottom: -5px;left: 50%;transform: translateX(-50%);width: 0;height: 0;border-right:5px solid transparent;border-left:5px solid transparent;border-top:5px solid #f3f3f3;}
.i-wechat img{width: 100px;}
.i-contact-item:first-child:hover .i-wechat{display: flex;}

/* footer */
.footer{padding-top: 73px;}
.footer-content{display: flex;justify-content: space-between;align-items: flex-start;padding-bottom: 91px;}
.footer-logo{display: flex;align-items: center;color: #005ca2;font-size: 34px;line-height: 1em;}
.footer-logo img{margin-right: 24px;width: 100%;}
.footer-nav{display: flex;padding-top: 7px;}
.footer-nav-item{margin-right: 120px;}
.footer-nav-item:last-child{margin-right: 0;}
.footer-nav .footer-nav-tit{display: block;margin-bottom: 38px;color: #555;font-size: 18px;line-height: 1em;transition: all .5s;}
.footer-nav li{margin-bottom: 17px;}
.footer-nav li a{display: block;color: #777;font-size: 14px;line-height: 1em;transition: all .5s;}
.footer-nav-item a:hover{color: #005ca2;}
.footer-main{border-top: 2px solid rgba(0,0,0,.08);padding: 23px 0 20px;}
.footer-main .w{display: flex;justify-content: space-between;}
.footer-bq{display: flex;align-items: center;}
.footer-bq p,.footer-bq a{color: #777;font-size: 14px;line-height: 1em;}
.footer-bq p{margin-right: 13px;}
.footer-bq a{margin-left: 13px;margin-right: 27px;transition: all .5s;}
.footer-bq a:hover,.footer-tech:hover{color: #005ca2;}
.footer-tech{display: block;color: #777;font-size: 14px;line-height: 1em;transition: all .5s;opacity: 0 !important;}

.footer.footer-inner{background: #2c4152;}
.footer.footer-inner .footer-logo,.footer.footer-inner .footer-nav-tit{color: #fff;}
.footer.footer-inner .footer-main{border-top: 2px solid rgba(255,255,255,.08);}
.footer.footer-inner .footer-nav li a{color: #fff;opacity: .5;}
.footer.footer-inner .footer-bq,.footer.footer-inner .footer-bq p,.footer.footer-inner .footer-bq a,.footer.footer-inner .footer-tech{color: #fff;opacity: .5;}
.footer.footer-inner .footer-nav li:hover a,.footer.footer-inner .footer-bq a:hover,.footer.footer-inner .footer-tech:hover{opacity: 1;}

/* form */
.form{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100vh;z-index: 100;background: rgba(299, 299, 299, .8);}
.form.on{display: block;}
.form-box{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 650px;margin: 0 auto;padding: 64px 0 56px;border-radius: 18px;background: #fff;box-shadow: 0 0 20px rgba(37, 36, 46, .15);}
.form-title{position: relative;color: #005ca2;font-size: 35px;line-height: 1em;text-align: center;}
.form-title::after{content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: .05;width: 59px;height: 93px;background: url(404.png) center/contain no-repeat;}
.form-box form{margin-top: 63px;padding: 0 62px;box-sizing: border-box;}
.form-box input{width: 100%;height: 60px;box-sizing: border-box;padding-left: 67px;border: 1px solid #eee;border-radius: 14px;color: #999;font-size: 18px;line-height: 60px;}
.form-box .form-msg{position: relative;width: 100%;height: 148px;box-sizing: border-box;margin-bottom: 52px;padding: 18px 24px 20px 67px;border-radius: 14px;border: 1px solid #eee;}
.form-box textarea{display: block;width: 100%;height: 100%;;color: #999;font-size: 18px;line-height: 20px;resize: none;overflow-y: auto;}

.form-input{position: relative;margin-bottom: 27px;}
.form-icon{position: absolute;left: 24px;top: 50%;transform: translateY(-50%);}
.form-msg .form-icon{top: 18px;transform: none;}
.form-box .form-button{position: relative;left: 50%;transform: translateX(-50%);width: 180px;height: 50px;padding: 0;border-radius: 50px;color: #fff;font-size: 20px;line-height: 50px;text-align: center;background: #0861a5;cursor: pointer;outline: none;border: none;}
.form-close{position: absolute;right: 27px;top: 28px;cursor: pointer;transform: rotate(0deg);}
.form-close:hover{transform: rotate(90deg);transition: all .5s;}

/* about */
.ban{position: relative;height: 600px;padding-top: 95px;}
.ban img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.ban p{position: absolute;top: 50%;left: 8.33%;transform: translateY(-50%);margin-top: 47px;color: #fff;font-size: 60px;line-height: 1em;}

.Breadcrumb{padding: 20px 0;border-bottom: 1px solid rgba(5,6,8,.08);}
.Breadcrumb ul{display: flex;align-items: center;margin-left: 8.33%;}
.Breadcrumb li{position: relative;margin: 0 38px;}
.Breadcrumb li:first-child{margin-left: 0;}
.Breadcrumb li:last-child{margin-right: 0;}
.Breadcrumb li::before{content: "";position: absolute;top: 50%;left: -38px;transform: translateY(-50%);width: 1px;height: 16px;background: #000;opacity: .1;}
.Breadcrumb li:first-child::before{display: none;}
.Breadcrumb li a{position: relative;align-items: center;}
.Breadcrumb li span{position: absolute;left: 0;margin-right: 7px;margin-top: -3px;overflow: hidden;color: #555;}
.Breadcrumb li p{padding-left: 24px;color: #333;font-size: 17px;line-height: 1em;}
.mobile-Breadcrumb{position: relative;display: none;justify-content: space-between;align-items: center;padding: 10px 30px;border-bottom: 1px solid rgba(5,6,8,.08);background: #005ca2;box-sizing: border-box;}
.mobile-Breadcrumb-name{color: #fff;font-size: 20px;}
.mobile-Breadcrumb-btn{position: absolute;right: 0;top: 0;display: flex;justify-content: center;align-items: center;width: 51px;height: 51px;display: block;background: #fff;color: #005ca2;font-size: 20px;cursor: pointer;}
.mobile-Breadcrumb-btn .lines{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);width: 15px;height: 2px;background: #005ca2;}
.mobile-Breadcrumb-btn .lines:last-child{width: 2px;height: 15px;transition: all .5s;}
.mobile-Breadcrumb-btn.on .lines:last-child{opacity: 0;}
.mobile-Breadcrumb-slide{display: none;position: absolute;width: 100%;top: 51px;left: 0;background: #fff;z-index: 10;}
.mobile-Breadcrumb-slide ul{}
.mobile-Breadcrumb-slide li{padding-left: 30px;height: 40px;border-bottom: 1px solid #e2e2e2;box-sizing: border-box;}
.mobile-Breadcrumb-slide li a{display: block;color: #777;font-size: 15px;line-height: 40px;}



.icon-jianjie-copy,.icon-honor,.icon-wangluo{font-size: 17px;}
.icon-wenhua-copy{font-size: 18px;}
.about-introduction{position: relative;padding: 105px 0 98px;overflow: hidden;}
.about-introduction-bg{position: absolute;bottom: 18px;left: 50%;transform: translateX(-50%);}
.about-introduction-main{position: relative;display: flex;margin-top: 100px;z-index: 1;}
.about-introduction-pic{width: 45.86%;}
.about-introduction-pic img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.about-introduction-info{width: 54.14%;padding-top: 34px;padding-left: 51px;box-sizing: border-box;}
.about-introduction-msg{height: 516px;box-sizing: border-box;padding-right: 54px;color: #777;font-size: 16px;line-height: 32px;overflow-y:scroll;text-align: justify;hyphens: auto;}
.about-introduction-count{position: relative;display: flex;margin-top: 60px;z-index: 1;}
.about-introduction-countitem{position: relative;display: flex;flex-flow: column;justify-content: center;align-items: center;width: 33.33%;}
.about-introduction-countitem::after{content: "";position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 2px;height: 102px;background: rgba(0,0,0,.1);}
.about-introduction-countitem:last-child::after{display: none;}
.about-num{display: flex;justify-content: center;align-items: center;margin: 39px 0 21px;color: #005ca2;font-size: 50px;line-height: .8em;text-align: center;}
.about-describe{color: #777;font-size: 16px;line-height: 1em;text-align: center;}

.about-structure{padding: 126px 0 116px;background: url(404.png) center/cover;overflow: hidden;}
/* .about-structure-pic{margin-top: 82px;}
.about-structure-pic img{width: 100%;} */
.about-structure .about-introduction-info{width: 90%;margin: 0 auto;padding-left: 0;padding-top: 0;}
.about-structure .about-introduction-msg{height: auto;max-height: 516px;padding: 0 54px;    border-left: 2px solid #c9c9c9;}
.about-structure .about-introduction-msg p{text-indent: 2em;}
.about-structure .sign{display: flex;align-items: center;justify-content: right;}
.about-structure .sign img{width: 120px;margin-left: 5px;}


.about-culture{padding: 130px 0 169px;background: url(404.png) center/cover no-repeat;overflow: hidden;}
.about-culture .com-tit{color: #fff;}
.about-culture-strategy{margin-top: 114px;}
.about-culture-strategy-content{width: 50%;margin: 0 auto;padding:38px 15px 46px;border: 1px solid #b9d1e7;border-bottom: transparent;box-sizing: border-box;background: transparent  center no-repeat;}
.about-culture-strategy-content img{margin: 0 auto;}
.about-culture-strategy-line{width: 18px;height: 1px;background: #fff;margin: 17px auto ;}
.about-culture-strategy-tit{color: #fff;font-size: 24px;line-height: 36px;text-align: center;}
.about-culture-content{margin-top: 60px;}
.about-culture-content ul{display: flex;flex-wrap: wrap;}
.about-culture-content li{display: flex;flex-flow: column;align-items: center;justify-content: center;width: 33.33%;height: 282px;padding: 0 20px;border: 1px solid rgba(255,255,255,.3);box-sizing: border-box;margin-left:-1px;transition: all .5s;transition: all .5s;background: transparent  center no-repeat;}
.about-culture-content li:last-child{border-left: none;}
.about-culture-content li .icon-linian1{font-size: 53px;color: #fff;}
.about-culture-content li .icon-jinengtigao{font-size: 53px;color: #fff;}
.about-culture-content li .icon-jiazhiguan1-copy{font-size: 53px;color: #fff;}
.about-culture-content li .icon-chengchangnengli-copy{font-size: 51px;color: #fff;}
.about-culture-content li:hover,.about-culture-strategy-content:hover{background: #005ca2 url(404.png) center/cover no-repeat;}
.about-culture-tit{color: #fff;font-size: 35px;line-height: 1em;}
.about-culture-line{width: 18px;height: 1px;margin: 25px 0 22px;background: #fff;}
.about-culture-slogan{min-height:56px;color: #fff;font-size: 16px;line-height: 28px;text-align: center;}
.about-culture-msg{display: flex;justify-content: center;align-items: center;margin-top: 108px;}
.about-culture-msg h6{color: #fff;font-size: 24px;line-height: 1em;}
.about-culture-msg span{display: block;width: 18px;height: 2px;margin-left: 12px;margin-right: 28px;background: transparent;}
.about-culture-msg p{color: #fff;font-size: 16px;line-height: 1em;}

.about-development{padding: 138px 0 118px;overflow: hidden;}
.about-development-list{margin-top: 107px;}
.about-development-list ul{max-height: 840px;overflow-y: auto;}
.about-development-list li{display: flex;;height: 210px;padding: 53px 77px 0;box-sizing: border-box;border-bottom: 1px solid rgba(0,0,0,.07);transition: all .5s;background:  center/cover no-repeat;}
.about-development-year{width: 165px;height: 50px;background: #005ca2;transition: all .5s;}
.about-development-year p{color: #fff;font-size: 22px;line-height: 50px;text-align: center;transition: all .5s;}
.about-development-point{position: relative;width: 19px;height: 19px;box-sizing: border-box;border-radius: 50%;border: 3px solid #005ca2;margin:16px 60px 0 62px;background: #fff;}
.about-development-point::after{content: "";position: absolute;top: 3px;left: 3px;width: 7px;height: 7px;border-radius: 50%;background: #005ca2;}
.about-development-content{margin: 13px 0;overflow-y: auto;width: calc(100% - 165px - 141px);}
.about-development-content p{position: relative;color: #777;font-size: 18px;line-height: 1.5em;padding-left: 21px;margin-bottom: 18px;transition: all .5s;}
.about-development-content p:last-child{margin-bottom: 0;}
.about-development-content p::before{content: "";position: absolute;left: 0;top: 11px;width: 6px;height: 6px;border-radius: 50%;background: #005ca2;transition: all .5s;}
.about-development-list li:hover{background: url(404.png) center/cover no-repeat;}
.about-development-list li:hover .about-development-year{background: #fff;}
.about-development-list li:hover .about-development-year p{color: #005ca2;}
.about-development-list li:hover .about-development-content p{color: #fff;}
.about-development-list li:hover .about-development-content p::before{background: #fff;}
.about-development-more{display: flex;justify-content: center;align-items: center;width: 170px;height: 50px;box-sizing: border-box;border: 1px solid #e5e5e5;margin: 52px auto 0;cursor: pointer;transition: all .5s;}
.icon-gengduo-copy{color: #c6c6c6;font-size: 14px;transition: all .5s;}
.about-development-more p{margin-left: 2px;color: #777;font-size: 16px;line-height: 1em;transition: all .5s;}
.about-development-more:hover{background: #005ca2;}
.about-development-more:hover .icon-gengduo-copy{color: #fff;}
.about-development-more:hover p{color: #fff;}

.about-honor{position: relative;padding-top: 141px;overflow: hidden;}
.about-honor-bg{position: absolute;left: 0;top: 0;width: 100%;height: 550px;background: url(404.png) center no-repeat;}
/* .about-honor-bg img{width: 100%;} */
.about-honor .com-tit{color: #333;}
/* .about-honor .com-tit .cn,.about-honor .com-tit .en{color: #fff;} */
.about-honor .com-tit .en{opacity: .15;}
.about-honor-main{position: relative;margin: 88px auto 30px;padding: 66px 72px 112px;box-sizing: border-box;box-shadow: 0 0 30px rgba(0, 0, 0, .08);background: #fff;}
.about-honor-title{position: relative;padding-bottom: 30px;border-bottom: 1px solid rgba(0,0,0,.07);color: #005ca2;font-size: 34px;line-height: 1em;text-align: center;}
.about-honor-title::after{content: "";position: absolute;bottom: -1px;left: 50%;transform: translateX(-50%);width: 59px;height: 3px;background: #005ca2;}
.about-honor-box{padding: 54px 9px 96px;box-sizing: border-box;background: url(404.png) bottom 0 right 9px no-repeat;}
.about-honor-content{height: 346px;overflow-y: scroll;border-left: 2px solid #c9c9c9;}
.about-honor-item{display: flex;margin-bottom: 58px;}
.about-honor-item:last-child{margin-bottom: 0;}
.about-honor-item .about-honor-year{width: 20.13%;color: #333;font-size: 22px;line-height: 1em;box-sizing: border-box;padding-right: 20px;}
.about-honor-item .about-honor-info{width: 79.87%;margin: 0 auto;}
.about-honor-item .about-honor-info p{color: #777;font-size: 16px;line-height: 1em;margin-bottom: 16px;transition: all .5s;}
.about-honor-item .about-honor-info p:hover{color: #005ca2;font-size: 18px;}
.about-honor-item .about-honor-info p:last-child{margin-bottom: 0;}
.about-honor-show{padding: 0 42px;}
.about-honor-show ul{display: flex;}
.about-honor-show li{width: 26.33%;}
.about-honor-show .about-honor-pic{width: 100%;}
.about-honor-show .about-honor-pic img{width: 100%;}
.about-honor-show p{margin-top: 20px;color: #999;font-size: 16px;line-height: 1.5em;text-align: center;}

.about-honor-secondBox{padding: 90px 0 152px;}
.about-honor-secondBox .about-honor-secondBox-title{color: #333;font-size: 34px;line-height: 1em;text-align: center;}
.about-honor-secondContent{position: relative;margin-top: 77px;display: flex;justify-content: center;align-items: center;}
.about-honor-bigPic{width: 46%;height: 465px;box-shadow: 0 0 30px rgba(0,44,75,.15);}
.about-honor-bigPic img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.about-honor-secondMain{display: flex;align-items: center;width: 54%;box-sizing: border-box;padding-left: 4.4%;border-top: 36px solid #f5f5f5;border-bottom: 36px solid #f5f5f5;border-right: 31px solid #f5f5f5;}
.about-honor-secondMain .about-honor-logo{position: relative;}
.about-honor-secondMain .about-honor-logo p{margin-bottom: 26px;color: #014190;font-size: 35px;line-height: 1em;text-align: center;}
.about-honor-secondMain .about-honor-logo .about-honor-logo-bg{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.about-honor-secondMain .about-honor-list{width: 51.87%;height: 189px;padding: 6px 0 7px;box-sizing: border-box;margin: 74px 6.5% 74px 13.45%;overflow-y: scroll;}
.about-honor-secondMain .about-honor-list p{color: #333;font-size: 16px;line-height: 1em;margin-bottom: 16px;}
.about-honor-secondMain .about-honor-list p:last-child{margin-bottom: 0;}

.about-map{padding: 97px 0 35px;background: url(404.png);overflow: hidden;}
.about-map .com-tit{color: #fff;}
.about-map-main{display: flex;margin-top: 82px;}
.about-map-pic{width: 57.467%;box-sizing: border-box;padding-left: 24px;}
.about-map-pic img{display: block;width: 100%;}
.about-map-msg{width: 390px;height: 300px;box-sizing: border-box;padding: 11px 14px;margin-left: 135px;margin-top: 130px;color: #fff;background: rgba(255,255,255,.15);}
.about-map-info{border: 1px solid rgba(255,255,255,.5);padding: 42px 23px 46px;}
.about-map-info .about-map-slogan{margin-bottom: 47px;font-size: 35px;line-height: 1em;}
.about-map-info .about-map-summary{font-size: 18px;line-height: 36px;}

/* insudtry */
.icon-youguanche-copy{font-size: 22px;color: #333;}
.industry-bread li:last-child p{padding-left: 30px;}
.insudtry-chxin{padding-bottom: 84px;}
.chxin-introduction{position: relative;padding-top: 424px;}
.chxin-introduction .chxin-bg{position: absolute;left: 0;top: 0;width: 100%;}
.chxin-introduction .chxin-bg img{width: 100%;}
.chxin-introduction-main{position: relative;padding: 69px 0 60px;background: #fff;box-shadow: 0 0 25px rgba(0,0,0,.1);}
.chxin-introduction-title{margin-bottom: 44px;color: #005ca2;font-size: 40px;line-height: 1em;text-align: center;}
.chxin-introduction-content{padding: 0 145px 58px;color: #777;font-size: 16px;line-height: 30px;text-align: justify;hyphens: auto;text-indent: 2em;}
.chxin-introduction-companylist{display: flex;justify-content: center;align-items: center;}
.chxin-introduction-companyitem{display: flex;align-items: center;}
.chxin-introduction-companyitem .chxin-introduction-line{width: 1px;height: 36px;background: #e5e5e5;}
.chxin-introduction-companyitem .chxin-introduction-line:first-child{margin-left: 76px;margin-right: 43px;}
.chxin-introduction-companyitem .chxin-introduction-line:last-child{margin-left: 61px;margin-right: 58px;}

.insudtry-chxin .chxin-advantage{padding-top: 90px;}
.insudtry-chxin .chxin-advantage-tit{margin-bottom: 35px;;color: #333;font-size: 35px;line-height: 1em;text-align: center;}
.insudtry-chxin .chxin-advantage-summary{margin-bottom: 90px;color: #777;font-size: 16px;line-height: 1em;text-align: center;}
.chxin-advabtage-icon{padding: 0 170px 74px;box-sizing: border-box;}
.chxin-advabtage-icon ul{display: flex;justify-content: space-between;}

.chxin-advabtage-icon .chxin-advabtage-cycle{display: flex;justify-content: center;align-items: center;width: 115px;height: 115px;border-radius: 50%;margin: 0 auto 26px;background-image: linear-gradient(to right bottom,#279b4f,#afc93e);transition: all .5s;perspective: 800px;}
.chxin-advabtage-icon .chxin-advabtage-cycle span{font-size: 37px;color: #fff;transition: all .5s;perspective: 800px;}
.chxin-advabtage-icon .chxin-advabtage-cycle .icon-chuangxin{font-size: 45px;}
.chxin-advabtage-icon .chxin-advabtage-cycle .icon-hezuo-copy{font-size: 38px;}
.chxin-advabtage-icon .chxin-advabtage-cycle .icon-hezuo1{font-size: 43px;}
.chxin-advabtage-icon .chxin-advabtage-cycle:hover,.chxin-advabtage-icon .chxin-advabtage-cycle:hover span{transform: rotateY(-180deg);}
.chxin-advabtage-cn{margin-bottom: 13px;color: #333;font-size: 20px;line-height: 1em;text-align: center;}
.chxin-advabtage-en{color: #999;font-size: 16px;line-height: .8em;text-align: center;}
.chxin-advantage a{display: flex;justify-content: center;align-items: center;width: 125px;height: 40px;margin: 0 auto;border: 1px solid rgba(0, 92, 162, .3);border-radius: 40px;transition: all .5s;}
.chxin-advantage a span{margin-right: 8px;font-size: 14px;color: #005ca2;transition: all .5s;}
.chxin-advantage a p{color: #005ca2;font-size: 16px;line-height: 1em;transition: all .5s;}
.chxin-advantage a:hover{background:#005ca2;}
.chxin-advantage a:hover p,.chxin-advantage a:hover span{color: #fff;}

.insudtry-chyee{display: flex;}
.insudtry-chyee-picbox{width: 46.87%;}
.insudtry-chyee-swiper{height: 100%;overflow: hidden;}
.insudtry-chyee-picbox img{width: 100%;height: 100%;object-fit: cover;object-position: center;transform: scale(1.1);transition: 1s linear 3s;}
.insudtry-chyee-picbox li.swiper-slide-active img{transform: scale(1);transition: 6s linear;}

.insudtry-chyee-picbox .swiper-pagination{bottom: 26px;right: 32px;left: auto;display: flex;width: auto;height: 10px;}
.insudtry-chyee-picbox .swiper-pagination-bullet{width: 8px;height: 8px;border: 1px solid #fff;background: transparent;margin: 0 9px !important;opacity: 1;}
.insudtry-chyee-picbox .swiper-pagination-bullet-active{width: 8px;height: 8px;border: 1px solid #fff;background: #fff;}



.insudtry-chyee-main{width: 53.13%;}
.chyee-introduction{padding-left: 68px;padding-top: 82px;padding-right: 207px;background: #005ca2;}
.chyee-introduction-head{padding-bottom: 24px;border-bottom: 1px solid rgba(255,255,255,.1);}
.chyee-introduction-title{display: flex;align-items: flex-end;margin-bottom: 29px;}
.chyee-introduction-title p{margin-right: 22px;color: #fff;font-size: 40px;line-height: 1em;}
.chyee-introduction-summary{color: #fff;font-size: 16px;line-height: 1em;}
.chyee-introduction-content{padding: 46px 0 132px;color: #fff;font-size: 16px;line-height: 30px;text-align: justify;hyphens: auto;text-indent: 2em;}
.chyee-application{padding-top: 49px;padding-left: 68px;background: #fff;}
.chyee-application-title{display: flex;align-items: center;}
.chyee-application span{color: #005ca2;font-size: 32px;}
.chyee-application .chyee-application-title p{margin-left: 16px;color: #333;font-size: 34px;line-height: 1em;}
.chyee-application-line{margin-top: 16px;width: 31px;height: 1px;background: #d9d9d9;}
.chyee-application-content{padding: 37px 0 83px;color: #777;font-size: 16px;}
.insudtry-chyee-main .i-more{margin: 0;padding:50px 0 0;padding-left: 10px;color: #005ca2;font-size: 16px;}

/* insudtry-transport */
.insudtry-transport{padding: 115px 0 110px;}
.insudtry-transport-title{margin-bottom: 34px;color: #005ca2;font-size: 40px;line-height: 1em;text-align: center;}
.insudtry-transport-summary{margin-bottom: 51px;color: #777;font-size: 16px;line-height: 1em;text-align: center;}
.transport-pic{}
.transport-pic img{width: 100%;}
.transport-content{display: flex;flex-flow: column;align-items: center;}
.transport-content img{margin: 63px 0 32px;}
.transport-content p{width: 65%;color: #777;font-size: 16px;line-height: 30px;text-align: center;}
.insudtry-transport-plan{margin-top: 73px;}
.insudtry-transport-plan p{color: #333;font-size: 35px;line-height: 1em;text-align: center;}
.insudtry-transport-planpic{margin: 62px auto 68px;}

.insudtry-transport-planlist{}
.insudtry-transport-planlist ul{display: flex;justify-content: space-between;}
.insudtry-transport-planlist li{width: 22.8%;}
/* .insudtry-transport-planlist li:last-child{margin-right: 0;} */
.insudtry-transport-planlist-pic{margin: 0 auto;overflow: hidden;}
.insudtry-transport-planlist-pic img{width: 100%;height: 100%;transition: all .5s;}
.insudtry-transport-planlist li p{margin-top: 23px;color: #777;font-size: 16px;line-height: 30px;text-align: center;}
.insudtry-transport-planlist-pic:hover img{transform: scale(1.2);}

/* research */
.research{}
.icon-cengji{font-size: 17px;}
.icon-chuangxin{font-size: 20px;}
.icon-zhanlvejizhongcaigou{font-size: 21px;}
.icon-shengwu{font-size: 20px;}
.research-title{position: relative;}
.research-title .cn{color: #333;font-size: 45px;line-height: 1em;text-align: center;}
.research-title .en{position: absolute;top: 38px;left: 50%;transform: translateX(-50%);color: #333;font-size: 60px;line-height: .8em;text-align: center;opacity: .07;width: 100%;}

.research-platform{padding-top: 109px;overflow: hidden;}
.platform-slogan{margin-top: 107px;color: #005ca2;font-size: 22px;line-height: 1em;text-align: center;}
.platform-summary{width: 60.14%;margin: 17px auto 47px;color: #777;font-size: 16px;line-height: 32px;text-align: justify;hyphens: auto;}
.platform-content{position: relative;width: 100%;height: 696px;}
.platform-content ul{height: 646px;}
.platform-content li{width: 78.125%;overflow: hidden;}
.platform-content li img{width: 100%;height: 100%;object-fit: cover;object-position: center;transition: all .5s;}
.platform-content li:hover img{transform: scale(1.2);}
.platform-btn{position: absolute;top: 50%;left: 50%;transform: translateX(-50%);margin-top: -42.5px;display: flex;justify-content: space-between;width: 78.125%;z-index: 100;}
.platform-btn div{position: absolute;top: 50%;transform: translateY(-50%);display: flex;justify-content: center;align-items: center;width: 85px;height: 85px;border-radius: 50%;background: #fff;cursor: pointer;box-shadow: 0 0 10px rgba(0, 92, 162, .15);transition: all .5s;}
.platform-btn div:first-child{left: -42.5px;}
.platform-btn div:last-child{right: -42.5px;}
.platform-btn-hover{display: none;}
.platform-btn div:hover{background: #005ca2;}
.platform-btn div:hover .platform-btn-img{display: none;}
.platform-btn div:hover .platform-btn-hover{display: block;}
.platform-content .swiper-pagination{height: 12px;bottom: 1px;}
.platform-content .swiper-pagination-bullet{width: 12px;height: 12px;margin: 0 11px !important;box-sizing: border-box;border: 1px solid #005ca2;opacity: 1;background: transparent;}
.platform-content .swiper-pagination-bullet-active{background: #005ca2;}

.research-innovation{overflow: hidden;position: relative;padding-top: 117px;background: url(404.png) 50% 460px no-repeat;}
.research-innovation .innovation-content{margin-top: 120px;}
.innovation-item{display: flex;margin-bottom: 154px;}
.innovation-item-pic{width: 57.6%;}
.innovation-item-pic img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.innovation-item-info{width: 42.4%;padding-left: 110px;padding-right: 70px;box-sizing: border-box;}
.innovation-item-title{position: relative;}
.innovation-item-title .num{color: #333;font-size: 200px;line-height: .8em;opacity: .06;font-weight: bold;}
.innovation-item-title .cn{position: absolute;left: 10px;top: 80px;color: #333;font-size: 35px;line-height: 1em;}
.innovation-item-title .cn::after{content: "";position: absolute;left: 1px;bottom: -25px;width: 56px;height: 6px;background: #005ca2;}
.innovation-item-longtitle{margin: 60px 0 18px;color: #005ca2;font-size: 20px;line-height: 1em;}
.innovation-item-msg{padding-top: 10px;border-top: 1px solid rgba(0, 0, 0, .07);color: #777;font-size: 16px;line-height: 36px;text-indent: 2em;text-align: justify;hyphens: auto;}
.innovation-item:last-child{margin-bottom: 150px;}
.innovation-item:last-child .innovation-item-info{padding-left: 0;padding-right: 180px;padding-top: 82px;}
.innovation-item:last-child .innovation-item-msg{border-top: none;padding-top: 60px;}

.research-cooperation{background: url(404.png) repeat-x;overflow: hidden;padding-bottom: 25px;}
.research-cooperation .research-title{padding: 87px 0 117px;}
.research-cooperation .research-title .cn{color: #fff;}
.research-cooperation .research-title .en{top: 126px;color: #fff;}
.research-cooperation .research-title .type{margin-top: 69px;color: #fff;font-size: 22px;line-height: 1em;text-align: center;}
.cooperation-content{background: #fff;box-shadow: 0 0 25px rgba(0, 0, 0, .1);}
.cooperation-logo{height: 273px;box-sizing: border-box;}
.cooperation-logo ul{display: flex;height: 218px;box-sizing: border-box;}
.cooperation-logo li{display: flex;flex-flow: column;justify-content: center;align-items: center;width: 25%;padding: 38px 0 34px;box-sizing: border-box;border: 1px solid #dcdcdc;border-left: none;}
.cooperation-logo li:first-child{border-left: 1px solid #dcdcdc;}
.cooperation-logo li p{margin-top: 22px;color: #555;font-size: 20px;line-height: 1em;}
.cooperation-logo  .swiper-pagination{height: 12px;bottom: 1px;}
.cooperation-logo  .swiper-pagination-bullet{width: 12px;height: 12px;margin: 0 11px !important;box-sizing: border-box;border: 1px solid #005ca2;opacity: 1;background: transparent;}
.cooperation-logo  .swiper-pagination-bullet-active{background: #005ca2;}
.cooperation-msg{display: flex;align-items: center;padding: 37px 102px 54px 105px;}
.cooperation-slogan{display: block;width: 318px;color: #777;font-size: 30px;line-height: 1em;background-image: linear-gradient(to right,#1e9850,#afc740);-webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.ie .cooperation-slogan{background-image: none;color: #1e9850;}
.cooperation-info{display: block;width: 974px;color: #777;font-size: 16px;line-height: 36px;}
.research-fields{padding-top: 127px;overflow: hidden;}
.fields-main{margin-top: 110px;border-bottom: 2px solid rgba(0,92,162,.2);}
.fields-pic{}
.fields-pic img{width: 100%;}
.fields-content{margin-top: 60px;}
.fields-content ul{display: flex;justify-content: space-around;}
.fields-content li{position: relative;}
.fields-content li span{position: absolute;left: 0;top: -8px;color: #005ca2;font-size: 32px;}
.fields-content li p{color: #333;font-size: 30px;line-height: 1em;padding-left: 62px;padding-bottom: 16px;border-bottom: 2px solid #e5e5e5;}
.fields-info{width: 78.66%;margin: 0 auto;padding:68px 0 58px;color: #777;font-size: 16px;line-height: 36px;text-indent: 2em;text-align: justify;hyphens: auto;}

.research-achievement{margin-bottom: 113px;padding-top: 120px;overflow: hidden;}
.achievement-content{margin-top: 112px;}
.achievement-pic{}
.achievement-pic img{width: 100%;}
.achievement-msg{padding: 61px 0 56px;border-bottom: 2px solid rgba(0,92,162,.2)}
.achievement-msg p{color: #777;font-size: 16px;line-height: 2em;text-align: justify;hyphens: auto;text-indent: 36px;}

/* sustainability */
.Breadcrumb .icon-zeren-copy{font-size: 19px;}
.Breadcrumb .icon-anquan-01-copy{font-size: 19px;}
.Breadcrumb .icon-tubiao_huanbao-copy{font-size: 20px;}
.Breadcrumb .icon-xinlv-copy{font-size: 19px;}

.sustainability-social{padding-top: 115px;overflow: hidden;}
.sustainability-social .research-title .slogan{margin: 68px 0 42px;color: #333;font-size: 20px;line-height: 1em;text-align: center;background-image: linear-gradient(to right,#0065b2 0%,#60c652 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.ie .sustainability-social .research-title .slogan{background-image: none;color: #60c652;}
.social-main{padding: 70px 80px;background: url(404.png) center/cover no-repeat;}
.social-main ul{display: flex;justify-content: space-between;}
.social-main li{display: flex;flex-flow: column;align-items: center;justify-content: center;width: 33.33%;box-sizing: border-box;border-right: 1px solid rgba(255,255,255,.25);}
.social-main li:last-child{border-right: none;}
.social-main li span{display: block;margin-bottom: 40px;color: #fff;font-size: 44px;line-height: 1em;perspective:1000;transition: all 1s;}
.social-main li p{margin-bottom: 19px;color: #fff;font-size: 26px;line-height: 1em;text-align: center;}
.social-main li:hover span{transform: rotateY(-360deg);}

.sustainability-employee{padding: 93px 0 104px;overflow: hidden;}
.sustainability-employee .research-title .cn,.sustainability-employee .research-title .en{color: #005ca1;}
.employee-content{width: 59%;margin: 77px auto 55px;color: #555;font-size: 16px;line-height: 36px;text-indent: 2em;text-align: justify;hyphens: auto;}
.employee-slogan{display: flex;justify-content: center;align-items: center;height: 250px;border-radius: 17px;background: url(404.png) center/cover no-repeat;}
.employee-slogan p{color: #fff;font-size: 35px;line-height: 1em;}
.employee-slogan span{display: block;padding-top: 14px;color: #fff;font-size: 60px;line-height: 1em;box-sizing: border-box;opacity: .8;}

.sustainability-environmental{display: flex;overflow: hidden;}
.sustainability-environmental .environmental-pic{width: 50%;}
.environmental-pic img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
.environmental-main{width: 50%;}
.environmental-main .environmental-title{position: relative;padding:102px 0 120px 108px;background-image: linear-gradient(to right,#0065b2,#60c652);overflow: hidden;}
.environmental-title .research-title{position: relative;z-index: 1;}
.environmental-title .research-title .cn{text-align: left;color: #fff;}
.environmental-title .research-title .en{left: 0;transform: none;text-align: left;color: #fff;}
.environmental-title .environmental-bg{position: absolute;right: 35px;top: 50%;transform: translateY(-50%);opacity: .15;}
.environmental-content{padding: 110px 190px 88px 109px;background: #f4faff;}
.environmental-slogan{font-size: 28px;line-height: 1em;background-image: linear-gradient(to right,#0065b2 0%,#60c652 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.ie .environmental-slogan{background-image: none;color: #60c652;}
.environmental-info{margin-top: 36px;color: #555;font-size: 16px;line-height: 32px;text-indent: 2em;text-align: justify;hyphens: auto;}

.sustainability-safety{padding: 105px 0 70px;overflow: hidden;}
.sustainability-safety .research-title .cn,.sustainability-safety .research-title .en{color: #005ca1;}

.safety-main{position: relative;margin-top: 125px;}
.safety-content{width: 93.13%;padding: 74px 50.1% 65px 64px;box-sizing: border-box;border: 1px solid #e6edf2;border-radius: 18px;background: #f6f9fb;height: 460px;}
.safety-slogan{font-size: 35px;line-height: 1.5em;background-image: linear-gradient(to right,#0065b2 0%,#60c652 25%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.ie .safety-slogan{background-image: none;color: #60c652;}
.safety-info{margin: 35px 0 60px;font-size: 16px;line-height: 36px;color: #555;text-align: justify;hyphens: auto;text-indent: 2em;}
.safety-zero{}
.safety-zero ul{display: flex;}
.safety-zero li{margin-right: 91px;}
.safety-zero li .num{margin-bottom: 20px;color: #005ca1;font-size: 50px;line-height: .8em;text-align: center;}
.safety-zero li .cn{color: #005ca1;font-size: 15px;line-height: 1em;text-align: center;}

.safety-pic{position: absolute;right: 0;bottom: 38px;width:48.66%;height: 450px;;border-radius: 18px;overflow: hidden;}
.safety-pic img{width: 100%;height: 100%;object-fit: cover;object-position: center;}

/* news */
.icon-qiye{font-size: 19px;}
.icon-xinwen-copy{font-size: 17px;}
.icon-huiyuanfenzuguanli{font-size: 18px;}
.icon-xiaoyuan{font-size: 19px;}
.news{padding: 105px 0 104px;overflow: hidden;}
.news .research-title .cn,.news .research-title .en{color: #333;}
.news-content{margin-top: 119px;}
.news-content .news-list{padding-bottom: 61px;}
.news-item{padding: 53px 0;background: #f8f9ff;transition: all .5s;background: #f8f9ff center/cover no-repeat;}
.news-item:nth-child(even){background: #fff center/cover no-repeat;;}
.news-item a{display: flex;}
.news-pic{position: relative;width: 50%;padding-left: 143px;padding-right: 78px;box-sizing: border-box;transition: all .5s;}
.news-datetime{position: absolute;left: 0;top: 10px;transition: all .5s;}
.news-datetime .date{color: #005ca2;font-size: 60px;line-height: .7em;transition: all .5s;}
.news-datetime .year-mon{margin-top: 23px;color: #005ca2;font-size: 14px;line-height: .8em;transition: all .5s;}
.news-pic img{width: 100%;height: 100%;object-fit: cover;object-position: center;transition: all .5s;}
.news-info{width: 50%;}
.news-title{color: #333;font-size: 30px;line-height: 36px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition: all .5s;}
.news-summary{margin: 62px 0 80px;color: #777;font-size: 16px;line-height: 30px;transition: all .5s;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;height: 90px;}
.news-more{width: 150px;height: 50px;box-sizing: border-box;border: 1px solid rgba(229, 229, 229, .5);cursor: pointer;transition: all .5s;}
.news-more p{text-align: center;color: #777;font-size: 16px;line-height: 50px;transition: all .5s;}
.news-item:hover{background: url(404.png) center/cover no-repeat;}
.news-item:hover .news-pic{padding-left: 0;padding-right: 221px;}
.news-item:hover .news-datetime{left:auto;right: 64px;}
.news-item:hover .news-title,.news-item:hover .news-summary,.news-item:hover .news-datetime .date,.news-item:hover .news-datetime .year-mon,.news-item:hover .news-more p{color: #fff;}
.news-page{display: flex;justify-content: center;align-items: center;}
.news-page-item{width: 45px;height: 45px;margin-right: 19px;box-sizing: border-box;border: 1px solid rgba(220,220,220,.5);text-align: center;line-height: 45px;color: #777;font-size: 16px;transition: all .5s;cursor: pointer;}
.news-page-item:last-child{margin-right: 0;}
.news-page-item span,.news-page-item a{display: block;color: #777;}
.news-page-item:hover{color: #005ca2;border-color: rgba(0, 92, 162, .5);}
.news-page-item:hover::before{color: #005ca2;}
.news-page-itemnum{display: flex;}
.news-page-itemnum a,.news-page-itemnum .now{display: block;width: 45px;height: 45px;margin-right: 19px;box-sizing: border-box;border: 1px solid rgba(220,220,220,.5);text-align: center;line-height: 45px;color: #777;font-size: 16px;transition: all .5s;cursor: pointer;}
.news-page-itemnum a:hover,.news-page-itemnum .now:hover{color: #005ca2;border-color: rgba(0, 92, 162, .5)}

/* 新闻详情页 */
.news-main{width: 62.5%;margin: 0 auto;padding: 80px 0;}
.news-inner-title{padding-bottom: 32px;border-bottom: 1px solid #e2e2e2;}
.news-inner-title h6{margin: 24px 0 18px;font-size: 30px;color: #333;letter-spacing: 2px;text-align: center;line-height: 1em;}
.news-inner-title p{color: #666;font-size: 12px;text-align: center;line-height: 1em;}
.news-inner-content{padding: 32px 0 60px;border-bottom: 1px solid #e2e2e2;font-size: 18px;color: #333333;}
.news-inner-content p{font-size: 18px;color: #333333;line-height: 34px;text-indent: 2rem;letter-spacing: 1px;margin-bottom: 36px;}
.news-inner-content img{max-width: 100%;height: auto;margin: 0 auto;}
.news-inner-btn{display: flex;justify-content: space-between;padding: 22px 11% 0;}
.news-inner-btn a{position: relative;display:flex;justify-content: center;align-items: center;;width: 145px;height: 38px;border: 1px solid #c0c5d6;cursor: pointer;}
.news-inner-btn a span{font-size: 11px;color: #010101;}
.news-inner-btn a p{font-size: 14px;color: #010101;line-height: 1em;}
.news-inner-btn a span{position: absolute;left: 35px;top: 50%;transform: translateY(-50%);transition: all .5s;}
.news-inner-btn a:last-child span{left: auto;right: 35px;}
.news-inner-btn a:first-child:hover span{left: 30px;}
.news-inner-btn a:last-child:hover span{right: 30px;}
.news-inner-back{display: block;font-size: 14px;color: #ffffff;width: 145px;height: 38px;line-height: 36px;text-align: center;margin: 74px auto 0;background-color: #005ca2;border: 1px solid #005ca2;transition: all .5s;}
.news-inner-back:hover{background-color:transparent;color: #005ca2;}

/* 视频展示 */
.video{padding: 105px 0 104px;overflow: hidden;}
.video .video-list{margin-top: 119px;}
.video-list li{float: left;width: 31.91%;height: 100%;margin-right: 2.03%;margin-bottom: 54px;}
.video-list li:nth-child(3n){margin-right: 0;}
.video-list li a{display: block;}
.video-list li a .video-pic{overflow: hidden;position: relative;}
.video-list li a img{width: 100%;height: 100%;object-fit: cover;transition: all .5s;}
.video-list li a span{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 70px;color: #fff;opacity: 0;transition: all .5s;}
.video-list li:hover span{opacity: 1;}
.video-list li:hover img{transform: scale(1.2);}
.video-msg p{text-align: center;font-size: 20px;color: #777;padding: 5px 0;}
/* contact */
.contact-training{padding-top: 58px;overflow: hidden;}
.training-pic{position: relative;}
.training-pic img{width: 100%;}
.training-pic-text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-100%);width: 100%;}
.training-pic-title{color: #fff;font-size: 45px;line-height: 1em;text-align: center;margin-bottom: 30px;}
/* .training-pic-longtitle{margin: 15px 0 15px;color: #fff;font-size: 20px;line-height: 1em;text-align: center;} */
.training-pic-summary{color: #fefefe;font-size: 18px;line-height: 32px;text-align: center;}
.training-main{padding-top: 64px;margin-top: 96px;background: #f5f8fe;}
.training-content{display: flex;padding-bottom: 69px;}
.training-content-pic{width: 57.6%;padding: 101px 32px;box-sizing: border-box;box-shadow:0 0 38px rgba(0, 92, 162, .15);background: #f9fbfe;}
.training-content:nth-child(even) .training-content-pic{padding: 74px 70px 74px 73px;}
.training-content-pic img{width: 100%;height: 100%;object-fit: contain;object-position: center;}
.training-content-msg{width: 42.4%;padding: 32px 60px 0 119px;box-sizing: border-box;}
.training-content-title{}
.training-content-title .num{position: relative;}
.training-content-title .num p{color: #005ca2;font-size: 35px;line-height: .7em;}
.training-content-title .num img{position: absolute;left: 5px;top: 50%;transform: translateY(-50%);opacity: .2;}
.training-content-title .cn{position: relative;margin-top: 20px;padding-bottom: 24px;color: #333;font-size: 35px;line-height: 1em;}
.training-content-title .cn::after{content: "";position: absolute;bottom: 0;left: 2px;width: 96px;height: 6px;background: #0660a4;}
.training-content-info{margin-top: 65px;color: #777;font-size: 16px;line-height: 36px;text-align: justify;hyphens: auto;}
.training-content:nth-child(even){padding-bottom: 72px;}
.training-content:nth-child(even) .training-content-msg{padding-left: 0;padding-right: 165px;}

.contact-activity{padding-top: 151px;overflow: hidden;}
.contact-activity .research-title .cn,.contact-activity .research-title .en{color: #333;}
.activity-main{margin-top: 94px;}
.activity-content{display: flex;height: 33.33%;}
.activity-item{position: relative;display: block;width: 33.33%;overflow: hidden;}
.activity-item img{width: 100%;height: 100%;object-fit: cover;object-position: center;transition: all .5s;}
.activity-item .mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 72px 46px;box-sizing: border-box;background: rgba(6, 96, 164, .35);transition: all .5s;}
.activity-title{position: relative;padding-bottom: 28px;color: #fdfbfb;font-size: 35px;line-height: 1em;opacity: 0;transition: all .5s;}
.activity-title::after{content: "";position: absolute;left: 2px;bottom: 0;width: 50px;height: 2px;background: #f5f8fe;}
.activity-summary{margin-top: 26px;color: #fefefe;font-size: 16px;line-height: 36px;opacity: 0;transition: all .5s;max-height: 150px;overflow-y: auto;text-align: justify;hyphens: auto;}
.activity-item:hover .mask{background:rgba(6, 96, 164, .76);}
.activity-item:hover img{transform: scale(1.1);}
.activity-item:hover .activity-title,.activity-item:hover .activity-summary{opacity: 1;}
.activity-pic{position: relative;overflow: hidden;}
.activity-pic img{width: 100%;transition: all .5s;}
.activity-pic .mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 45px;box-sizing: border-box;background: rgba(6, 96, 164, .35);transition: all .5s;}
.activity-pic:hover .mask{background: rgba(6, 96, 164, .76);}
.activity-pic:hover img{transform: scale(1.1);}
.activity-pic:hover .activity-title,.activity-pic:hover .activity-summary{opacity: 1;}


.contact-info{padding: 98px 0 102px;overflow: hidden;}
.contact-info .research-title .cn,.contact-info .research-title .en{color: #333;}
.contact-title{margin-top: 160px;padding: 121px 0 76px 74px;background: #f5f8fe;}
.contact-title .contact-tit{font-size: 16px;color: #020202;line-height: 1em;font-weight: bold;}
.contact-title .contact-slogan{margin-top: 28px;color: #030303;font-size: 24px;line-height: 1em;font-weight: bold;}

.contact-mode{position: relative;padding-top: 132px;padding-left: 74px;}
.contact-mode-icon{display: flex;justify-content: center;align-items: center;width: 55px;height: 55px;margin-bottom: 97px;border-radius: 50%;box-shadow:0 0 10px rgba(0, 92, 162, .15);background: #fdfdfe;}
.contact-mode-title{margin-bottom: 31px;color: #333;font-size: 16px;line-height: 1em;font-weight: bold;}
.contact-mode-info{margin-bottom: 24px;}
.contact-mode-info:last-child{margin-bottom: 0;}
.contact-mode-info span,.contact-mode-info a{color: #555;font-size: 16px;line-height: 1em;transition: all .5s;}
.contact-mode-info:hover span{color: #020202;}
.contact-mode-info:hover a{color: #005ca2;}
.contact-mode-wechat{position: absolute;right: 0;top: 60px;display: flex;}
.mode-wechat-item{width: 200px;}
.mode-wechat-item img{width: 100%;}
.mode-wechat-item p{margin-top: 3px;color: #666;font-size: 16px;line-height: 1em;text-align: center;}

.contact-address{padding: 51px 0 73px 74px;background: #f5f8fe;}
.contact-address-title{margin-bottom: 30px;color: #020202;font-size: 16px;line-height: 1em;font-weight: bold;}
.contact-address-info{color: #020202;font-size: 16px;line-height: 1em;}
.contact-address-info span.contact-address-infotit{display: inline-block;width: 96px;text-align-last: justify;}
.contact-address-info p{margin-bottom: 23px;}
.contact-address-info p:last-child{margin-bottom: 0;}

/* recruit */
.recruit-pic{position: relative;padding-top: 43px;}
.recruit-pic img{width: 100%;}
.recruit-pic p{position: absolute;left: 50%;top: 50%;transform: translate(-50%,0);color: #fff;font-size: 45px;line-height: 1em;}
.recruit-list{padding-top: 60px;}
.recruit-list-title{margin-bottom: 29px;color: #333;font-size: 18px;line-height: 1em;}
.recruit-list-box{border: 1px solid #e0e0e0;border-bottom: none;}
.recruit-list table{width: 100%;border-spacing: 0;}
.recruit-list thead{color: #fefefe;font-size: 17px;}
.recruit-list thead th{padding: 22px 0 18px;background: #005ca2;text-align: center;border-right: 1px solid #fff;box-sizing: border-box;}
.recruit-list thead th:last-child{border-right: none;}
.recruit-list thead .postion{width: 16.13%;}
.recruit-list thead .education{width: 14.46%;}
.recruit-list thead .apply{width: 14.93%;}
.recruit-list tbody tr{height: 121px;transition: all .5s;}
.recruit-list tbody td{border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0;color: #333;font-size: 16px;text-align: center;}
.recruit-list tbody td:last-child{border-right: none;}
.recruit-list tbody .postion{text-align: left;padding:0 29px;}
.recruit-list tbody .education{padding: 0 29px;}
.recruit-list tbody .duty{text-align: left;padding: 18px 15px 13px;}
.recruit-list tbody .duty-box{padding: 0 15px;height: 90px;box-sizing: border-box;overflow-y: auto;}
.recruit-list tbody .duty-item{position: relative;}
.recruit-list tbody .duty p{padding-left: 38px;text-indent: .5em;}
.recruit-list tbody .duty-item.address p{padding-left: 70px;}
.recruit-list tbody .duty span{position: absolute;left: 0;}
.recruit-list tbody .apply{cursor: pointer;}
.recruit-list tbody .apply img{display: none;margin: 0 auto;}
.recruit-list tbody tr:hover{background: #f6f9ff;}
.recruit-list tbody tr:hover .apply p{display: none;}
.recruit-list tbody tr:hover .apply img{display: block;}

.recruit-table-icon{padding: 36px 0 85px;}
.recruit-table-icon ul{display: flex;justify-content: flex-end;}
.recruit-table-icon li{}
.recruit-table-icon li a{display: flex;justify-content: center;align-items: center;}
.recruit-table-icon li img{margin-right: 5px;}
.recruit-table-icon li p{color: #333;font-size: 18px;line-height: 1em;transition: all .5s;}
.recruit-table-icon li:hover p{color: #005ca2;}

.recruit-contact-info{padding: 79px 0 82px 67px;background: #f6f9ff;box-sizing: border-box;}
.recruit-contact-title{margin-bottom: 30px;color: #020202;font-size: 16px;line-height: 1em;font-weight: bold;}
.recruit-contact-msg{margin-bottom: 22px;color: #020202;font-size: 16px;line-height: 1em;}
.recruit-contact-msg a{color: #020202;font-size: 16px;line-height: 1em;}
.recruit-contact-msg:last-child{margin-bottom: 0;}
.recruit-contact-msg:hover a{color: #005ca2;}

.recruit-address{padding: 70px 0 70px 67px;box-sizing: border-box;}
.recruit-address-title{margin-bottom: 30px;color: #020202;font-size: 16px;line-height: 1em;font-weight: bold;}
.recruit-address-msg{display: flex;margin-bottom: 22px;color: #020202;font-size: 16px;line-height: 1em;}
.recruit-address-msg p{transition: all .5s;}
.recruit-address-msg:last-child{margin-bottom: 0;}
.recruit-address-msg:hover p{color: #005ca2;}

.layui-layer-hui{width: 380px !important;}

/* media css */
@media screen and (max-width:1700px) {
    .footer-nav-item{margin-right: 50px;}
    .cooperation-msg{justify-content: space-between;}
    .cooperation-slogan{width: 35.06%;}
    .cooperation-info{width: 64.93%;}
    .cooperation-msg{padding: 30px;}
    .safety-content{height: auto;}
    .safety-info{margin: 25px 0 40px;}
    .safety-zero li{width: 33.33%;margin-right: 0;}
    .safety-pic{bottom: auto;top: -28px;}
    .activity-item .mask{padding: 45px;}
    .news-inner-title h6{line-height: 1.5em;}
}
@media screen and (max-width:1602px) {
    .header-nav .header-nav-li{padding: 0 20px;}
}
@media screen and (max-width:1527px) {
    .w{width: 90%;}
    .header-nav .header-nav-li{padding: 0 25px 0 0;}
    .header-nav .header-nav-li::before{left: -12px;}
    .header-lang{margin-left: 15px;}
    .i-banner-info,.i-banner-smallpic{padding-left: 5%;padding-right: 5%;}
    .i-about-content{width: 75%;}
    .i-case-menu{width: 470px;}
    /* .i-case-menu li:first-child, .i-case-menu li:last-child{height: 10%;outline: none;}
    .i-case-menu li{height: 16%;} */
    .i-case-menu-cn{font-size: 20px;}
    .i-case-menu-en{font-size: 14px;margin-top: 5px;}
    .i-case-title{left: 5%;}
    .i-case-info{left: 5%;top: 210px;width: 45%;}
    .i-research-menu{justify-content: space-between;}
    .i-research-menu p{margin-right: 0;}
    .i-partner-item{display: flex;flex-flow: column;justify-content: center;padding-top: 0;margin-bottom: 0;}
    .about-map{padding: 97px 0;}
    .about-map-main{align-items: center;justify-content: space-between;}
    .about-map-msg{width: auto;height: auto;;margin: 0;}
    .chyee-introduction{padding-right: 100px;}
    .header-nav-li:last-child .header-pc-slide,.header-nav-li:nth-child(6) .header-pc-slide{transform: translateX(-60%);}
    .news-pic{padding-left: 9%;padding-right: 5%;}
    .news-item:hover .news-pic{padding-right: 14%;}
    .transport-content p{width: 80%;}
    .training-pic-text{transform: translate(-50%,-50%);}
    .training-pic-summary{width: 80%;margin: 0 auto;line-height: 1.5em;}
    .training-content-msg{padding: 32px 0 0 80px;}
    .training-content:nth-child(even) .training-content-msg{padding-right: 80px;}
    .activity-summary{line-height: 1.5em;}
}
@media screen and (max-width:1450px){
    .i-news-list .i-news-info:first-child{margin-bottom: 20px;}
    .i-news-latest{display: flex;flex-flow: column;justify-content: space-between;}
    .i-news-pic{height: 250px;object-fit: cover;}
    .i-news-latest{padding-right: 25px;}
}
@media screen and (max-width:1360px){
    .i-research-menu p{padding: 15px 25px;}
}
@media screen and (max-width:1280px){
    .header .logo{width: 250px;}
    .header-lang{width: 100px;padding: 11px 15px;margin-left: 0;}
    .header-lang-slide{top: 38px;}
    .header-nav .header-nav-li a{font-size: 16px;}
    .header-nav-li:last-child .header-pc-slide,.header-nav-li:nth-child(6) .header-pc-slide{transform: translateX(-80%);}
    .i-banner-info .i-banner-title{font-size: 50px;}
    .i-banner-smallpic li{width: 150px;height: 100px;}
    .i-about-content{padding: 90px 130px;}
    .i-case-menu{width: 404px;}
    .i-case-menu li{padding-left: 100px;}
    .i-case-menu li img.i-case-menu-icon{left: 35px;}
    .i-case-menu li:nth-child(3) img.i-case-menu-icon{left: 25px;}
    .i-research-main{width: 40%;padding: 63px 30px 140px;}
    .i-research-menu p{font-size: 18px;padding: 10px 20px;}
    .i-research-info{font-size: 16px;}
    .i-research-pic{width: 60%;}
    .footer-content{flex-flow: column;}
    .footer-logo{margin-bottom: 20px;}
    .footer-nav{width: 100%;justify-content: space-between;}
    .footer-nav-item{margin-right: 0;}
    .footer-main .w{flex-flow: column;}
    .footer-bq{justify-content: center;}
    .footer-tech{text-align: center;}
    .ban{height: 300px;}
    .ban p{font-size: 40px;}
    .Breadcrumb ul{margin-left: 0;justify-content: center;}
    .about-introduction-pic{width: 50%;}
    .about-introduction-info{width: 50%;padding-left: 3%;padding-top: 15px;}
    .about-introduction-tit{margin-bottom: 0;}
    .about-introduction-msg{height: 350px;padding-right: 20px;}
    .about-introduction-bg{width: 100%;bottom: auto;top: 50%;transform: translate(-50%,-50%);}
    .about-introduction-bg img{width: 100%;}
    .about-introduction-count{margin-top: 40px;}
    .about-num{margin: 25px 0 15px;font-size: 40px;}
    .about-culture-strategy-content{width: 70%;}
    .about-development-list{margin-top: 80px;}
    .about-development-list li{padding: 35px 35px 0;}
    .about-honor-bg{height: 400px;}
    .about-honor-main{margin-top: 60px;}
    .about-honor-item{margin-bottom: 30px;}
    .about-honor-secondMain{padding-left: 2%;justify-content: space-between;}
    .about-honor-secondMain .about-honor-logo p{font-size: 30px;margin-bottom: 15px;}
    .about-honor-logo-pic{width: 150px;}
    .about-honor-logo-bg{width: 100px;}
    .about-honor-bigPic{height: 420px;}
    .about-honor-secondMain .about-honor-list{width: 55.87%;margin: 50px 6.5%;padding-right: 10px;}
    .about-honor-secondMain .about-honor-list p{line-height: 1.5em;margin-bottom: 5px;}
    .about-map-pic{padding-left: 0;}
    .about-map-info .about-map-slogan{font-size: 24px;margin-bottom: 24px;}
    .about-map-info .about-map-summary{font-size: 16px;}
    .chxin-introduction{padding-top: 200px;}
    .chxin-introduction .chxin-bg{height: 300px;}
    .chxin-introduction .chxin-bg img{height: 100%;object-fit: cover;object-position: center;}
    .chxin-introduction-main{padding: 50px 0;}
    .chxin-introduction-content{padding: 0 100px 30px;}
    .chxin-introduction-companyitem .chxin-introduction-line:last-child{margin: 0 20px;}
    .insudtry-chxin .chxin-advantage-summary{margin-bottom: 30px;}
    .chxin-advabtage-icon{padding: 0px 30px 50px;}
    .insudtry-chyee-picbox{width: 50%;}
    .insudtry-chyee-main{width: 50%;}
    .chyee-introduction{padding-top: 45px;padding-left: 45px;padding-right: 45px;}
    .chyee-introduction-content{padding: 15px 0;}
    .chyee-application{padding-top: 35px;padding-left: 45px;}
    .chyee-application-content{padding: 15px 0 50px;}
    .chyee-introduction-summary{line-height: 1.5em;}
    .chyee-introduction-title{margin-bottom: 15px;}
    .chyee-introduction-head{padding-bottom: 15px;}
    .cooperation-info,.fields-info{line-height: 1.5em;}
    .transport-content p{width: 90%;}
    .insudtry-transport-planlist li p{font-size: 14px;}
    .platform-content{height: auto;padding-bottom: 30px;}
    .platform-content ul{height: auto;}
    .platform-summary{width: 80%;}
    .platform-btn{margin-top: -14.5px;}
    .innovation-item{margin-bottom: 80px;}
    .innovation-item-longtitle{margin: 30px auto 18px;line-height: 1.5em;}
    .innovation-item-pic{width: 50%;}
    .innovation-item-info{width: 50%;padding: 0 0 0 50px;}
    .innovation-item:last-child .innovation-item-info{padding-top: 0;padding-right: 50px;}
    .research-innovation{background: url(404.png) 50% 350px/contain no-repeat;}
    .research-cooperation .research-title{padding: 87px 0 60px;}
    .research-cooperation .research-title .type{margin-top: 52px;}
    .cooperation-logo{height: 230px;}
    .cooperation-logo ul{height: 200px;}
    .cooperation-msg{flex-flow: column;}
    .cooperation-slogan{width: 100%;margin-bottom: 20px;text-align: center;}
    .cooperation-info{width: 100%;}
    .fields-content li p{font-size: 25px;}
    .fields-info{width: 90%;padding: 40px 0;}
    .achievement-msg p{line-height: 1.5em;}
    .social-main{padding: 50px 30px;}
    .social-main li span{margin-bottom: 25px;}
    .social-main li p{font-size: 25px;}
    .employee-content{width: 78.125%;}
    .environmental-main .environmental-title{padding: 50px 0 50px 50px;}
    .environmental-content{padding: 80px 50px;}
    .environmental-slogan{line-height: 1.5em;}
    .safety-slogan{font-size: 30px;}
    .safety-content{padding: 35px 50.1% 35px 35px;}
    .safety-info{margin: 20px 0;}
    .safety-pic{width: 50%;}
    .news-item{padding: 40px 0;}
    .news-summary{margin: 40px 0;}
    .news-datetime .date{font-size: 45px;}
    .news-datetime .year-mon{margin-top: 15px;}
    .news-item:hover .news-datetime{right: 30px;}
    .training-content-msg{padding:  0 0 0 80px;}
    .training-content-title .num p{font-size: 30px;}
    .training-content-title .cn{margin-top: 15px;padding-bottom: 15px;font-size: 25px;}
    .training-content-info{margin-top: 40px;line-height: 1.5em;}
    .training-content-pic{padding: 50px 32px;}
    .training-content:nth-child(even) .training-content-pic{padding: 55px 35px;}
    .activity-item .mask{padding: 30px;}
    .activity-title{font-size: 25px;padding-bottom: 15px;}
    .activity-summary{margin-top: 15px;font-size: 14px;}
    .contact-title{margin-top: 80px;padding: 76px 0 76px 74px;}
    .recruit-list tbody .postion,.recruit-list tbody .education{padding: 0 15px;}
    .news-main{width: 80%;}
}
@media screen and (max-width:1110px){
    .w{width: 95%;}
    .header .logo{width: 210px;}
    .header-lang{width: 75px;height: 30px;padding: 5px 10px;margin-left: 15px;}
    .header-lang-slide{top: 28px;}
    .header-lang-slide li a{font-size: 14px;line-height: 25px;}
    .header-lang-icon{height: 16px;}
    .header-lang-icon img{height: 100%;}
    .header-lang .header-lang-choose{font-size: 14px;padding-left: 5px;}
    .header-nav .header-nav-li{padding-right: 25px;padding-left: 0;}
    .header-nav .header-nav-li:last-child{padding: 0;}
    /* .header-nav .header-nav-li::before{top: 5px;left: -12px;} */
    /* .header-nav .header-nav-li:hover::before, .header-nav .header-nav-li.on::before{top:50%;transform: none;} */
    .i-about-content{width: 85%;}
    .footer-bq p, .footer-bq a,.footer-tech{font-size: 12px;}
    .footer-main{padding: 15px 0;}
    .footer-bq a{margin: 0 10px;}
    .about-honor-title{font-size: 25px;}
    .about-honor-item .about-honor-year{font-size: 18px;}
    .about-honor-item .about-honor-info p{font-size: 14px;}
    .about-honor-item .about-honor-info p:hover{font-size: 15px;}
    .about-honor-content{height: 260px;}
    .about-honor-box{padding-bottom: 54px;}
    .about-honor-show p{font-size: 14px;}
    .cooperation-logo ul{height: 180px;}
    .cooperation-logo li img{height: 100%;}
    .cooperation-logo{height: 205px;}
    .cooperation-msg{padding: 20px 30px;}
    .activity-main{width: 85%;}
    .i-banner-smallpic li{width: 130px;height: 90px;}
}
@media screen and (max-width:940px) {
    /* .w{width: 90%;} */
    #loading{display: none;}
    .header.header-inner{padding: 0;position: fixed;}
    .header:hover{background: transparent;}
    .header-pc{display: none;}
    .header-mobile{display: flex;}
    .header .logo{width: auto;}
    .header-lang-slide{display: none;}
    .i-banner-info{padding: 0 5%;justify-content: flex-start;height: auto;top: 50%;transform: translateY(-50%);}
    .i-banner-info .i-banner-title{margin-bottom: 50px;}
    .i-banner-page{padding-right: 4%;}
    .i-banner-page li{margin-left: 10px;}
    /* .i-banner-smallpic li{width: 150px;height: 100px;} */
    .i-about-title{margin: 70px 0 50px;font-size: 40px;}
    .i-about-content{padding:45px 90px;}
    .i-about-tit{font-size: 20px;line-height: 1.5em;}
    .i-about-line{margin: 0 50px;}
    .i-about-number{margin-top: 40px;}
    .i-about-number h5,.i-about-number span{font-size: 24px;}
    .i-about-info{margin-top: 30px;}
    .i-case-title,.i-researh-title,.i-advantage-title,.i-partner-title,.i-news-title{font-size: 40px;}
    .i-case-menu{width: 300px;}
    .i-case-menu-cn{font-size: 20px;}
    .i-case-info .i-case-text{line-height: 1.5em;}
    .i-research-content li{flex-flow: column;}
    .i-research-main{width: 100%;padding: 45px 30px 30px;}
    .i-research-menu{justify-content: center;}
    .i-research-menu p{margin-right: 60px;}
    .i-research-line{margin: 20px 0;}
    .i-research .i-more{margin: 40px 0 0;}
    .i-research-pic{width: 100%;height: 350px;}
    .i-research-content{margin: 50px auto;}
    .i-research-info{min-height: 96px;}
    .i-partner-content{padding-right: 0;}
    .i-news-title{margin-top: 0;}
    .i-news-pic{margin-bottom: 20px;height: 200px;}
    .i-news-content{flex-flow: column;margin: 30px auto 0;}
    .i-news-latest{width: 100%;padding-right: 0;}
    .i-news-storytitle{font-size: 20px;}
    .i-news-msg{margin: 10px 0;font-size: 14px;}
    .i-news-line{margin: 20px 0;}
    .i-news-latest .i-news-info{margin-bottom: 15px;}
    .i-news-list .i-news-info:first-child{margin-bottom: 0;}
    .i-news-date{font-size: 16px;}
    .i-news-list{flex-flow: nowrap;width: 100%;}
    .i-news-list .i-news-info{width: 48%;}
    .i-contact{height: 72px;}
    .i-contact-title,.i-contact-item{padding: 25px 0;}
    .i-contact-item .phonenum{display: none;}
    .i-contact-item a{padding: 0 15px;}
    .i-contact-title{font-size: 20px;}
    .i-contact-item a{font-size: 14px;}
    .footer-main{padding: 5px 0;}
    .footer-nav .footer-nav-tit{margin-bottom: 20px;}
    .footer-bq {flex-flow: column;}
    .footer-bq span{display: none;}
    .footer-bq p, .footer-bq a, .footer-tech{line-height: 1.5em;text-align: center;}
    .Breadcrumb{display: none;}
    .Breadcrumb li{margin: 0;padding: 0 20px;}
    .Breadcrumb li:first-child{padding-left: 0;}
    .Breadcrumb li:last-child{padding-right: 0;}
    .Breadcrumb li::before{left: 0;}
    /* .mobile-Breadcrumb{display: flex;} */
    .com-tit{font-size: 40px;}
    .com-tit .cn{font-size: 35px;}
    .com-tit .en{top: 17px;}
    .ban{padding-top: 84px;}
    .ban p{margin-top: 42px;}
    .about-introduction{padding: 80px 0;}
    .about-introduction-main{margin-top: 60px;flex-flow: column;}
    .about-introduction-pic{width: 100%;height: 200px;}
    .about-introduction-info{width: 100%;padding-left: 0;}
    .about-introduction-tit{margin-top: 40px;line-height: 1.5em;font-size: 20px;}
    .about-introduction-msg{font-size: 14px;line-height: 2em;height: 200px;}
    .about-introduction-count{margin-top: 25px;}
    .about-num{margin: 10px 0;font-size: 25px;}
    .about-structure .about-introduction-main{flex-flow: nowrap;}
    .about-describe{font-size: 12px;}
    .about-introduction-countitem::after{height: 60px;}
    .about-structure{padding: 80px 0;}
    .about-structure .about-introduction-info{width: 100%;}
    .about-structure .about-introduction-msg{padding: 0 30px;}
    .about-culture{padding: 80px 0;}
    .about-culture-tit{font-size: 20px;}
    .about-culture-strategy{margin-top: 60px;}
    .about-culture-strategy-content{padding: 25px 15px;}
    .about-culture-strategy-tit{font-size: 20px;line-height: 1.5em;}
    /* .about-culture-content{margin-top: 40px;} */
    .about-culture-content ul{flex-flow: column;}
    .about-culture-content li{width: 100%;height: 230px;}
    .about-culture-content li:first-child{border-bottom: 0;}
    .about-culture-content li:last-child{border-left: 1px solid rgba(255,255,255,.3);border-top:none;}
    
    /*.about-culture-content li{}*/
    .about-culture-msg{margin-top: 50px;}
    .about-culture-line{margin: 15px 0;}
    .about-culture-slogan{min-height:auto;font-size: 14px;line-height:1.5em}
    .about-culture-msg h6{font-size: 20px;}
    .about-culture-msg p{font-size: 14px;}
    .about-development{padding: 80px 0;}
    .about-development-list{margin-top: 55px;}
    .about-development-list li{padding: 20px 20px 0;height: 170px;}
    .about-development-year{width: 100px;height: 40px;}
    .about-development-year p{font-size: 18px;line-height: 40px;}
    .about-development-point{margin: 11px 20px 0;}
    .about-development-content{width: calc(100% - 100px - 59px);margin: 10px 0;}
    .about-development-content p{margin-bottom: 5px;font-size: 14px;}
    .about-development-content p::before{top: 8px;}
    .about-development-more p{font-size: 14px;}
    .about-honor{padding-top: 80px;}
    .about-honor-item{flex-flow: column;margin-bottom: 15px;}
    .about-honor-box{padding: 54px 9px;}
    .about-honor-main{padding: 66px 45px;}
    .about-honor-item .about-honor-info{width: 85%;}
    .about-honor-item .about-honor-year{width: 100%;padding-right: 0;text-align: center;}
    .about-honor-item .about-honor-info{margin: 15px auto 0;}
    .about-honor-item .about-honor-info p{line-height: 1.5em;margin-bottom: 0;}
    .about-honor-secondBox{padding: 80px 0;}
    .about-honor-secondContent{flex-flow: column;margin-top: 40px;}
    .about-honor-bigPic{width: 100%;height: 330px;}
    .about-honor-secondMain{width: 100%;border-left: 31px solid #f5f5f5;}
    .about-honor-secondMain .about-honor-list{margin: 30px 6.5%;}
    .about-honor-secondMain .about-honor-list p{font-size: 14px;}
    .about-honor-secondMain .about-honor-logo p{font-size: 22px;margin-bottom: 10px;}
    .about-map{padding: 80px 0;}
    .about-map-info .about-map-slogan{font-size: 20px;}
    .about-map-info .about-map-summary{font-size: 14px;line-height: 2em;}
    .chxin-introduction-title{margin-bottom: 30px;font-size: 35px;}
    .chxin-introduction-content{padding: 0 50px 30px;font-size: 14px;line-height: 2em;}
    .chxin-introduction-companyitem .chxin-introduction-line:last-child{margin: 0 5px;}
    .chxin-introduction-companyitem img{width: 150px;}
    .insudtry-chxin .chxin-advantage{padding-top: 45px;}
    .insudtry-chxin .chxin-advantage-summary{font-size: 14px;line-height: 1.5em;}
    .chxin-advabtage-cn{font-size: 16px;}
    .chxin-advabtage-en{font-size: 14px;}
    .insudtry-chxin .chxin-advantage-tit{font-size: 25px;}
    .chyee-introduction-title p{font-size: 35px;}
    .chyee-application .chyee-application-title p{font-size: 25px;}
    .insudtry-chyee{flex-flow: column;}
    .insudtry-chyee-picbox{width: 100%;height: 350px;}
    .insudtry-chyee-main{width: 100%;}
    .chyee-application{padding: 25px 25px 0;box-shadow: 0 0 15px rgba(0, 0, 0, .1);}
    .chyee-introduction{padding: 25px 25px 0;}
    .chyee-introduction-summary,.chyee-introduction-content,.chyee-application-content,.chyee-application-content a{font-size: 14px;}
    .insudtry-chyee-main .i-more{font-size: 14px;justify-content: flex-start;padding: 35px 0 0;padding-left: 15px;}
    .insudtry-chyee-main .i-more p{font-size: 14px;}
    .insudtry-chyee-main .i-more .moreicon{height: 32px;}
    .insudtry-transport{padding: 80px 0;}
    .insudtry-transport-title{font-size: 35px;margin-bottom: 35px;}
    .insudtry-transport-summary{margin-bottom: 35px;}
    .transport-content img{margin: 30px 0 15px;}
    .insudtry-transport-summary{font-size: 14px;line-height: 1.5em;}
    .transport-content p{width: 100%;font-size: 14px;line-height: 2em;}
    .insudtry-transport-plan{margin-top: 45px;}
    .insudtry-transport-plan p{font-size: 25px;}
    .insudtry-transport-planpic{margin: 40px auto;}
    .insudtry-transport-planlist ul{flex-wrap: wrap;justify-content: space-between;}
    .insudtry-transport-planlist li{width: 45%;margin-right: 0;}
    .insudtry-transport-planlist li p{margin: 10px 0;}
    .research-platform{padding-top: 80px;}
    .research-title .cn{font-size: 35px;}
    .research-title .en{font-size: 35px;top: 20px;}
    .platform-slogan{margin-top: 50px;}
    /* .platform-btn{margin-top: -30px;} */
    .platform-btn div{width: 60px;height: 60px;}
    .platform-btn div:first-child{left: -30px;}
    .platform-btn div:last-child{right: -30px;}
    .research-innovation{padding-top: 80px;}
    .research-innovation .innovation-content{margin-top: 50px;}
    .innovation-item{margin-bottom: 50px;}
    .innovation-item-info{padding-left: 25px;}
    .innovation-item:last-child .innovation-item-info{padding-right: 25px;}
    .innovation-item-title .num{font-size: 100px;}
    .innovation-item-title .cn{font-size: 30px;top:35px}
    .innovation-item-longtitle{margin: 26px auto 10px;font-size: 16px;}
    .innovation-item-msg{font-size: 14px;}
    .cooperation-slogan{font-size: 25px;}
    .cooperation-info{font-size: 14px;}
    .cooperation-slogan{margin-bottom: 10px;}
    .research-cooperation .research-title{padding: 80px 0 30px;}
    .research-fields{padding-top: 80px;}
    .fields-main{margin-top: 50px;}
    .fields-content ul{justify-content: space-between;}
    .fields-content li p{font-size: 20px;}
    .fields-content li span{font-size: 25px;}
    .fields-content li span.icon-tidailiao1x{font-size: 22px;top: -10px;}
    .fields-content li p{padding-left: 40px;}
    .fields-info{padding: 25px 0;font-size: 14px;}
    .achievement-msg p{font-size: 14px;}
    .research-achievement{padding-top: 80px;margin-bottom: 80px;}
    .achievement-content{margin-top: 50px;}
    .achievement-msg{padding: 40px 0;}
    .sustainability-social{padding-top: 80px;}
    .sustainability-social .research-title .slogan{font-size: 18px;margin: 30px 0;}
    .social-main{padding: 30px 15px;}
    .social-main li span{margin-bottom: 15px;font-size: 35px;}
    .social-main li p{font-size: 16px;margin-bottom: 5px;}
    .sustainability-employee{padding: 80px 0;}
    .employee-content{margin: 35px auto;font-size: 14px;line-height: 2em;}
    .employee-slogan{height: 200px;}
    .employee-slogan p{font-size: 22px;}
    .environmental-content{padding: 40px;}
    .environmental-slogan{font-size: 18px;}
    .environmental-info{margin-top: 15px;}
    .sustainability-safety{padding: 80px 0 60px;}
    .safety-main{margin-top: 80px;}
    .safety-content{padding: 35px 22% 35px 35px;}
    .safety-pic{width: 200px;height: 200px;}
    .safety-slogan{font-size: 25px;}
    .safety-info{font-size: 14px;line-height: 1.5em;}
    .news{padding: 80px 0;}
    .news-content{margin-top: 60px;}
    .news-summary{margin: 20px 0;}
    .news-title{font-size: 25px;line-height: 1em;}
    .news-summary{font-size: 14px;}
    .news-datetime .date{font-size: 35px;}
    .news-datetime .year-mon{margin-top: 10px;}
    .news-more{width: 125px;height: 40px;}
    .news-more p{font-size: 14px;line-height: 40px;}
    .training-pic-title{font-size: 30px;margin-bottom: 20px;}
    /* .training-pic-longtitle{font-size: 18px;margin: 10px 0;} */
    .training-pic-summary{font-size: 16px;}

    .training-main{margin-top: 70px;padding-top: 50px;}
    .training-content-msg{padding: 0 0 0 50px;}
    .training-content:nth-child(even) .training-content-msg{padding-right: 50px;}
    .training-content-title{display: flex;align-items: center;}
    .training-content-title .cn{margin-left: 5px;font-size: 20px;}
    .training-content-title .cn::after{width: 50px;height: 4px;}
    .contact-activity{padding-top: 80px;}
    .activity-main{margin-top: 70px;}
    .activity-content{flex-wrap: wrap;}
    .activity-item{width: 100%;height: 222px;}
    .activity-title{text-align: center;}
    .activity-title::after{left: 50%;transform: translateX(-50%);}
    .activity-pic{height: 222px;}
    .activity-pic img{height: 100%;object-fit: cover;object-position: center;}
    .contact-info{padding: 80px 0;width: 85%;}
    .contact-title{margin-top: 60px;padding: 50px 0 50px 50px;}
    .contact-title .contact-slogan{font-size: 20px;}
    .mode-wechat-item{width: 130px;}
    .contact-mode{padding-left:50px;padding-top: 70px;}
    .contact-mode-icon{margin-bottom: 50px;}
    .contact-mode-wechat{top: 42px;}
    .contact-mode-info span, .contact-mode-info a,.mode-wechat-item p{font-size: 14px;}
    .contact-address{padding: 50px;}
    .contact-address-info p{line-height: 1.5em;font-size: 14px;margin-bottom: 10px;}
    .contact-mode-info{margin-bottom: 10px;}
    .recruit-pic,.recruit-list,.recruit-contact-info,.recruit-address{width: 85%;}
    .recruit-list{padding-top: 30px;}
    .recruit-list-title{margin-bottom: 15px;}
    .recruit-list tbody td{font-size: 14px;}
    .recruit-pic p{font-size: 35px;width: 100%;text-align: center;}
    .recruit-table-icon{padding: 36px 0 60px;}
    .recruit-contact-info,.recruit-address{padding: 50px;}
    .recruit-contact-msg{margin-bottom: 10px;}
    .news-inner-title h6{font-size: 20px;}
    .news-inner-content{font-size: 14px;}
    .news-inner-content p{font-size: 14px;line-height: 1.5em;}
    .video{padding: 80px 0;}
    .video .video-list{margin-top: 50px;}
    .video-list li:nth-child(3n){margin-right: 4%;}
    .video-list li{width: 48%;margin-right: 4%;margin-bottom: 20px;}
    .video-list li:nth-child(even){margin-right: 0;}
    #fp-nav{display: none;}
    .training-content-pic{padding: 30px 14px;}
    .training-content:nth-child(even) .training-content-pic{padding: 46px 14px;}
}
@media screen and (max-width:768px) {
    .i-banner-smallpic{display: none;}
    .i-banner-info .i-banner-title{font-size: 45px;line-height: 1.5em;}
    .i-about-content{padding: 45px;width: 95%;}
    .i-about-info{font-size: 12px;margin-top: 15px;}
    .i-about-number h5,.i-about-number span{font-size: 20px;}
    .i-about-number p{font-size: 14px;}
    .i-about-title{font-size: 30px;}
    .i-about-tit{font-size: 18px;}
    .i-about-number{margin-top: 20px;}
    .i-about-line{margin: 0 30px;}
    .i-case-title{font-size: 30px;top: 10%;}
    .i-case-info{top: 165px;}
    .i-case-info h5{font-size: 25px;}
    .i-case .i-more{margin-top: 40px;}
    .i-case-info .i-case-text{font-size: 12px;max-height: 54px;}
    .i-researh-title{margin-top: 0;}
    .i-researh-title,.i-advantage-title,.i-partner-title,.i-news-title{font-size: 30px;}
    .i-research-content{margin: 30px auto 0;}
    .i-research-pic{height: 300px;}
    .i-research-info{font-size: 12px;line-height: 1.5em;min-height: 54px;max-height: 54px;}
    .i-advantage-main li a{justify-content: center;padding: 0;}
    .i-advantage-main .i-advantage-line{margin: 15px 0;}
    .i-advantage-main p{font-size: 20px;}
    .i-partner-content{height: 320px;}
    .i-partner-item{height: 150px;box-sizing: border-box;}
    .i-partner-longtitle{margin: 25px auto 16px;font-size: 20px;}
    .i-partner-item img{margin-bottom: 10px;}
    .i-partner-item p{font-size: 14px;}
    .i-news-latest .i-news-info{margin-bottom: 10px;}
    .i-news-msg{font-size: 12px;line-height: 1.5em;}
    .i-news-storytitle{font-size: 16px;}
    .i-news-line{margin: 10px 0;}
    .i-news-date{font-size: 12px;}
    .look-more{width: 40px;height: 40px;}
    .footer{padding-top: 30px;}
    .footer-nav{padding-top: 0;}
    .footer-nav .footer-nav-tit{font-size: 16px;margin-bottom: 10px;}
    .footer-nav li{margin-bottom: 10px;}
    .footer-nav li a{font-size: 12px;}
    .footer-content{padding-bottom: 35px;}
    .ban{height: 230px;}
    .ban p{font-size: 30px;}
    .com-tit{font-size: 35px;}
    .com-tit .cn{font-size: 30px;}
    .about-introduction-main{margin-top: 40px;}
    .about-introduction-msg{padding-right: 10px;}
    .about-introduction-tit{font-size: 18px;}
    .about-structure .sign img{width: 90px;}
    .about-culture-strategy-content{width: 100%;}
    .about-structure .about-introduction-msg{line-height: 1.5em;max-height: 310px;padding: 0 30px;}
    /* .about-structure-pic{height: 400px;overflow-x: auto;margin-top: 50px;padding-bottom: 50px;}
    .about-structure-pic img{width: auto;height: 100%;} */
    .about-culture-tit,.about-culture-msg h6{font-size: 18px;}
    .about-honor-main{margin-top: 45px;padding: 45px 45px 66px;}
    .about-honor-box{padding: 54px 9px 30px;}
    .about-honor-show{padding: 0;}
    .about-honor-secondBox .about-honor-secondBox-title{font-size: 25px;}
    .about-honor-bigPic{height: 270px;}
    .about-honor-logo-pic{width: 120px;}
    .about-honor-logo-bg{width: 80px;}
    .about-map-main{flex-flow: column;}
    .about-map-pic{margin-bottom: 20px;width: 100%;height: 300px;}
    .about-map-pic img{width: auto;height: 100%;margin: 0 auto;}
    .about-map-info{padding: 20px 16px;}
    .about-map-msg{width: 100%;}
    .about-map-info .about-map-slogan{text-align: center;}
    .about-map-info .about-map-summary{text-align: center;}
    .chxin-introduction{padding-top: 150px;}
    .chxin-introduction-main{padding: 35px 0;}
    .chxin-introduction-title{margin-bottom: 20px;font-size: 30px;}
    .chxin-introduction-content{padding: 0 30px 30px;}
    .chxin-introduction-companyitem img{width: 130px;}
    .chxin-advabtage-icon{padding: 0 0 40px;}
    .chxin-advabtage-icon .chxin-advabtage-cycle{width: 100px;height: 100px;margin:  0 auto 20px;}
    .insudtry-chxin{padding-bottom: 80px;}
    .chyee-introduction-title p{font-size: 30px;}
    .insudtry-transport-title{font-size: 30px;}
    .transport-content img{margin: 15px 0 10px;width: 20px;}
    .insudtry-transport-plan{margin-top: 30px;}
    .insudtry-transport-planpic{margin: 35px auto;}
    .research-title .cn{font-size: 30px;}
    .research-title .en{font-size: 25px;}
    .platform-slogan{font-size: 18px;margin-top: 40px;}
    .platform-summary{font-size: 14px;line-height: 2em;margin: 17px auto 20px;}
    .innovation-item:last-child .innovation-item-msg{padding-top: 30px;}
    .innovation-item-title .num{font-size: 80px;}
    .innovation-item-title .cn{font-size: 25px;top: 25px;}
    .innovation-item-msg{line-height: 1.5em;}
    .innovation-item:last-child{margin-bottom: 100px;}
    .fields-content{margin-top: 40px;}
    .fields-content li p{font-size: 18px;}
    .employee-content{margin: 25px auto;}
    .employee-slogan{height: 160px;}
    .employee-slogan span{font-size: 40px;}
    .employee-slogan p{font-size: 18px;}
    .sustainability-environmental{flex-flow: column;}
    .sustainability-environmental .environmental-pic{width: 100%;height: 300px;}
    .environmental-main{width: 100%;}
    .safety-pic{width: 130px;height: 130px;}
    .news-item{padding: 20px 0;}
    .news-item a{flex-flow: column;}
    /* .news-item:hover{padding: 0;} */
    .news-item:hover .news-pic{padding: 30px 0;}
    .news-item:hover .news-datetime{left: 0;right: auto;}
    .news-pic{width: 100%;height: 280px;padding: 30px 0;}
    .news-info{width: 100%;}
    .news-datetime{display: flex;flex-flow: column;justify-content: center;align-items: center;width:65px;height: 65px;background: #005ca2;top: 0;left: auto;right: 0;transform: translateX(-50%);transition: all .5s;}
    .news-datetime .date{font-size: 30px;}
    .news-datetime .date,.news-datetime .year-mon{color: #fff;transition: all .5s;}
    .news-item:hover .news-datetime{background: #fff;left: auto;right: 0;}
    .news-item:hover .news-datetime .date,.news-item:hover .news-datetime .year-mon{color: #005ca2;}
    .news-title{font-size: 20px;}
    .news-summary{line-height: 1.5em;margin: 10px 0;height: 63px;}
    .training-pic{height: 280px;}
    .training-pic img{height: 100%;object-fit: cover;object-position: center;}
    .training-content-info{font-size: 14px;margin-top: 20px;}
    .activity-main{margin-top: 50px;}
    .activity-item,.activity-pic{height: 180px;}
    .contact-address-title{margin-bottom: 15px;}
    .contact-mode{padding-top: 50px;}
    .contact-mode-wechat{top: 20px;}
    /* .contact-address-info p{margin-bottom: 10px;} */
    .recruit-list thead{font-size: 14px;}
    .recruit-list thead th{padding: 15px 0;}
    .recruit-list thead .postion,.recruit-list thead .education,.recruit-list thead .apply{width: 20%;}
    .recruit-pic p{font-size: 30px;}
    .recruit-pic{padding-top: 30px;}
    .recruit-contact-info,.recruit-address{padding: 50px 30px;}
    .recruit-contact-title{margin-bottom: 20px;}
    .news-main{padding: 50px 0;}
    .form-box{width: 85vw;padding: 40px 0;}
    .form-title{font-size: 25px;}
    .form-title::after{width: 45px;}
    .form-box form{margin-top: 25px;}
    .form-box form{width: 85%;margin: 30px auto 0;padding: 0;}
    .form-box input{height: 50px;line-height: 1.5em;font-size: 16px;}
    .form-box textarea{font-size: 16px;}
}
@media screen and (max-width:700px){
    .i-case-menu{width: 20%;}
    .i-case-menu li{padding: 0;}
    .i-case-menu li img.i-case-menu-icon,.i-case-menu li:nth-child(3) img.i-case-menu-icon{left: 50%;transform: translate(-50%,-50%) scale(.7);}
    .i-case-menu-cn,.i-case-menu-en{display: none;}
    .i-case-info{width: 65%;}
    .sustainability-social .research-title .slogan{width: 90%;margin:20px auto;line-height: 1.5em;}
    .social-main{padding: 20px 10px;}
    .news-inner-btn{padding: 20px 2% 0;}
    .news-inner-back{margin: 40px auto 0;}
    /* .training-pic-summary{font-size: 16px;} */
    .layer-anim{width: 400px !important;height: 225px !important;}
}
@media screen and (max-width:600px){
    .i-banner-info .i-banner-title{font-size: 40px;}
    .i-research-pic{height: 250px;}
    .i-advantage-main p{font-size: 14px;}
    .about-introduction{padding: 80px 0 40px;}
    .about-introduction-count{flex-flow: column;justify-content: center;margin-top: 0;}
    .about-introduction-countitem::after{display: none;}
    .about-introduction-countitem{width: 100%;margin: 10px 0 0;flex-flow: nowrap;}
    .about-introduction-countitem img{height: 30px;}
    .about-num{font-size: 20px;}
    .about-introduction-countitem div{width: 150px;}
    .about-structure .about-introduction-msg{max-height: 300px;padding: 0 15px;}
    .about-structure .sign{flex-flow: column;align-items: flex-end;margin-top: 20px;}
    .about-structure .sign img{width: 100px;margin-left: 2em;}
    .about-culture-strategy-content{display: flex;flex-flow: column;justify-content: center;align-items: center;height: 230px;}
    .about-culture-strategy-tit{font-size: 18px;}
    .about-culture-strategy-summary{font-size: 14px;}
    /* .about-culture-content{margin-top: 30px;} */
    .about-culture-msg{margin-top: 30px;}
    .about-honor-main{padding: 25px;}
    .about-honor-title{font-size: 22px;padding-bottom: 20px;}
    .about-honor-box{padding: 30px 9px;}
    .about-honor-box{background: url(404.png) bottom 0 right -14px/cover no-repeat;}
    .about-map-pic{height: auto;}
    .about-map-pic img{width: 100%;height: auto;}
    .chxin-introduction-companyitem img{width: 110px;}
    .chxin-advabtage-icon {padding: 0 0 15px;}
    .chxin-advabtage-icon .chxin-advabtage-cycle{width: 80px;height: 80px;}
    .chxin-advabtage-icon .chxin-advabtage-cycle span{font-size: 32px;}
    .chxin-advabtage-icon .chxin-advabtage-cycle .icon-chuangxin{font-size: 36px;}
    .chxin-advabtage-icon .chxin-advabtage-cycle .icon-hezuo-copy{font-size: 30px;}
    .chxin-advabtage-icon .chxin-advabtage-cycle .icon-hezuo1{font-size: 30px;}
    .chyee-application{padding: 15px 25px 0;}
    .chyee-application-line{margin-top: 5px;}
    .chyee-application-content{padding: 15px 0 30px;}
    .insudtry-chyee-picbox{height: 280px;}
    .insudtry-transport-planlist li{width: 48%;}
    .innovation-item{flex-flow: column;}
    .innovation-item-pic{width: 100%;height: 250px;}
    .innovation-item-info{width: 100%;margin-top: 20px;padding-left: 0;}
    .innovation-item:last-child .innovation-item-info{margin-top: 0;margin-bottom: 20px;}
    .cooperation-logo{height: 190px;}
    .cooperation-logo ul{height: 160px;}
    .cooperation-slogan{font-size: 20px;line-height: 1.5em;}
    .fields-pic{height: 150px;}
    .fields-pic img{height: 100%;object-fit: cover;object-position: center;}
    .fields-content ul{flex-flow: column;}
    .fields-content li{width: 100%;margin:0 auto 20px;}
    .fields-content li:last-child{margin-bottom: 0;}
    .fields-content li p{border-bottom: none;font-size: 16px;}
    .fields-content li span{top: -12px;}
    .fields-info{width: 100%;padding: 15px 0 25px;}
    .fields-content{margin-top: 15px;}
    .fields-content li{margin-bottom: 15px;}
    .achievement-pic{height: 180px;}
    .achievement-pic img{width: 100%;height: 100%;object-fit: cover;object-position: center;}
    .achievement-content{margin-top: 25px;}
    .achievement-msg{padding: 20px 0;}
    .research-achievement{margin-bottom: 50px;}
    .social-main ul{flex-wrap: wrap;}
    .social-main li{border-right: none;margin-bottom: 10px;}
    .social-main li span{font-size: 30px;}
    .social-main li p{font-size: 14px;}
    .safety-main{margin-top: 50px;}
    .safety-pic{display: none;width: 100px;height: 100px;top: -50px;}
    .safety-content{padding: 35px;width: 100%;}
    .news-pic{height: 230px;padding: 25px 0;}
    .news-item:hover .news-pic{padding: 25px 0;}
    .news-datetime{width: 65px;height: 65px;}
    .news-datetime .date{font-size: 20px;}
    .training-content{flex-flow: column;padding-bottom: 30px;}
    .training-content-pic{width: 100%;margin-bottom: 10px;}
    .training-content-msg{width: 100%;padding: 0;}
    .training-content:nth-child(even) .training-content-pic{margin-bottom: 0;margin-top: 10px;}
    .contact-mode{padding-left: 30px;}
    .mode-wechat-item{width: 100px;}
    .contact-title{padding: 50px 0 50px 30px;}
    .contact-address{padding: 50px 30px;}
    .contact-address-info p{margin-bottom: 5px;}
    .recruit-list tbody .duty{padding: 10px;}
    .recruit-list tbody .duty-box{padding: 0 5px;}
    .recruit-pic, .recruit-list, .recruit-contact-info, .recruit-address{width: 90%;}
    .recruit-list thead,.recruit-list tbody td{font-size: 12px;}
    /* .recruit-list-box{overflow-x: scroll;} */
    /* .recruit-list table{width: 430px;} */
    .recruit-contact-msg,.recruit-address-msg{font-size: 14px;flex-wrap: wrap;}
    .recruit-address-msg span{margin-bottom: 5px;}
    .recruit-address-title{margin-bottom: 15px;}
    .recruit-table-icon{padding: 30px 0 50px;}
    .news-inner-title h6{font-size: 18px;}
    .message-box{width: 85% !important;}
    .contact-mode-wechat{top: 52px;}
    .training-content:nth-child(even) .training-content-msg{padding-right: 0;}
}
@media screen and (max-width:500px) {
    .i-banner-info .i-banner-title{font-size: 35px;}
    .i-about .i-more{margin: 50px auto 0;}
    .i-about-content{padding: 20px 45px;}
    .i-about-line{margin: 0 15px;}
    /* .i-research-menu{justify-content: space-between;} */
    .i-research-menu p{margin-right: 15px;}
    .i-partner-text{padding: 0 0 40px;}
    .i-partner-content{height: 230px;width: 90%;}
    .i-partner-item{height:200px;}
    .i-partner-btn{margin: 35px auto 0;}
    .look-more{width: 30px;height: 30px;}
    .look-more img{height: 10px;}
    .i-contact-item a span{display: none;}
    .i-contact-item a img{margin-right: 0;}
    .i-contact-item::before,.i-contact-item:last-child::after{display: none;}
    .footer-logo{width: 200px;}
    .footer-nav .footer-nav-tit{font-size: 12px;}
    .footer-content{padding-bottom: 0;}
    .footer-nav-item ul{display: none;}
    .com-tit{font-size: 25px;}
    .com-tit .cn{font-size: 25px;}
    .about-development-list{margin-top: 35px;}
    .about-development-list li{flex-flow: column;height: 150px;}
    .about-development-year{width: 90px;height: 35px;}
    .about-development-year p{line-height: 35px;font-size: 16px;}
    .about-development-point{display: none;}
    .about-development-content{width: 100%;margin: 10px 0;}
    .about-development-content p{margin-bottom: 0;}
    .about-development-more{margin: 30px auto 0;}
    .about-honor-bigPic{height: 200px;}
    .about-honor-secondMain{flex-flow: column;padding-left: 0;}
    .about-honor-secondMain .about-honor-logo{padding: 40px 0 20px;}
    .about-honor-secondMain .about-honor-list{width: 85%;margin: 15px 6.5% 30px;}
    .chxin-introduction-companyitem img{width: 90px;}
    .insudtry-chxin .chxin-advantage-summary{margin-bottom: 20px;}
    .chxin-advabtage-icon ul{flex-wrap: wrap;}
    .chxin-advabtage-icon li{width: 50%;margin-bottom: 15px;}
    .chxin-advabtage-en{font-size: 12px;}
    .insudtry-transport-title{margin-bottom: 25px;}
    .insudtry-transport-summary{margin-bottom: 20px;}
    .insudtry-transport-planpic{width: 80px;margin: 25px auto;}
    .insudtry-transport-planlist li{width: 49%;}
    .platform-btn div{width: 50px;height: 50px;}
    .platform-btn div:first-child{left: -25px;}
    .platform-btn div:last-child{right: -25px;}
    .platform-summary{line-height: 1.5em;}
    .innovation-item{margin-bottom: 30px;}
    .innovation-item-pic{height: 200px;}
    .environmental-title .environmental-bg img{width: 340px;}
    .sustainability-environmental .environmental-pic{height: 250px;}
    .environmental-main .environmental-title{padding: 30px 0 30px 50px;}
    .safety-pic{display: none;}
    .safety-content{width: 100%;}
    .safety-main{margin-top: 50px;}
    .contact-title .contact-slogan{font-size: 18px;}
    .contact-mode{padding: 40px 0 110px 30px;}
    .contact-mode-wechat{top: auto;bottom: 10px;right: auto;left: 50%;transform: translateX(-50%);}
    .mode-wechat-item p{font-size: 12px;}
    .mode-wechat-item:first-child{margin-right: 15px;}
    .mode-wechat-item{width: 80px;}
    .recruit-list{overflow-x: auto;}
    .recruit-list-box{width: 422px;}
    .news-inner-btn a{width: 90px;}
    .news-inner-btn a span{left: 10px;}
    .news-inner-btn a:last-child span{right: 10px;}
    .news-inner-btn a:first-child:hover span{left: 6px;}
    .news-inner-btn a:last-child:hover span{right: 6px;}
    .form-input{margin-bottom: 15px;}
    .form-box .form-msg{margin-bottom: 30px;}
    .message-box{width: 95% !important;}
    .layer-anim{width: 300px !important;height: 225px !important;}
}
@media screen and (max-width:400px) {
    .w1{width: 90%;}
    .header .logo{width: 210px;}
    .header.on .header-mobile-slide{padding-top: 73px;}
    .i-banner-info .i-banner-title{font-size: 30px;}
    .i-about-title{margin: 0 0 50px;}
    .i-about-content{padding: 20px 30px;}
    .i-about-info{margin-top: 10px;max-height: 80px;}
    .i-about-info p{line-height: 20px;}
    .i-about-number{margin-top: 15px;}
    .i-about-tit{font-size: 14px;}
    .i-about-number h5,.i-about-number span{font-size: 16px;}
    .i-about-number p{font-size: 12px;margin-top: 5px;}
    .i-more {padding-left: 0;}
    .i-more span{width: 20px;}
    .i-more p{font-size: 14px;}
    .i-more .moreicon{height: 30px;}
    .i-case-info{top: 130px;}
    .i-case-info h5{font-size: 20px;}
    .i-case-info .i-case-text{margin-top: 15px;}
    .i-more{max-width: 140px;}
    .i-case .i-more .moreicon{width: 21px;height: 30px;}
    .i-researh-longtitle{margin-top: 20px;;font-size: 14px;}
    .i-research-menu p{font-size: 16px;}
    .i-research-content{margin: 15px auto 0;}
    .i-research-main{padding: 30px 15px 20px;}
    .i-research-pic{height: 200px;}
    .i-advantage-longtitle{margin-top: 20px;font-size: 14px;}
    .i-advantage-main p{font-size: 12px;}
    .i-advantage-main li a img{height: 40px;}
    .i-partner-longtitle{font-size: 15px;}
    .i-partner-summary{font-size: 14px;}
    .i-news-content{margin: 10px auto 0;}
    .ban{padding-top: 73px;}
    .chxin-introduction-content{padding:0 20px 15px;}
    .chxin-introduction-companyitem img{width: 85px;}
    .activity-item .mask{padding: 20px;}
    .recruit-contact-info, .recruit-address{padding: 40px 20px;}
    .form-input{margin-bottom: 15px;}
    .form-box input{height: 40px;}
    .form-box .form-msg{height: 120px;}
    .layui-layer-hui{width: 300px !important;}
    .training-content:nth-child(even) .training-content-pic{padding: 26px 14px;}
}
@media screen and (max-width:350px){
    .about-structure .about-introduction-msg{padding: 0 10px;}
    .footer-nav{display: none;}
}

.header-menu{
  flex:1;
  padding-left: 200px;
}
.header-nav .header-nav-li{
  padding: 0 30px;
}
.sfsdfsrt .i-contact-item::before,
.sfsdfsrt .i-contact-item:last-child::after
{
  display: none !important;
}
#section-footer{
  height: auto !important;
}
.sdfsdfsdret{
  height: 300px !important;
}
.display-flex{
  display: flex;
}
.flex-1{
  flex:1
}
.kkxzcfdfr{
  display: block !important;
  width: 100px;
}
.tl{
  text-align: left;
}
.ffddcdgrtrtyt{
  flex-direction:row-reverse
}