/* 运营  */

.case-content-bg {
    padding-bottom: 0;
    height: 865px;
    background: url("../images/bg.png") no-repeat;
    background-size: cover;
    background-position: center 50%;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.case-content-info {
    background-position: center 10%;
    padding: 80px 0;
}
.case-box {
    width: 1380px;
    margin: 0 auto;
    position: relative;
}
.case-box-title {
    text-align: center;
    font-weight: normal;
    padding-bottom: 40px;
}
.case-box-title em {
    display: block;
    margin-bottom: 14px;
    font-style: normal;
    font-size: 40px;
    font-weight: normal;
}
.case-box-title span {
    font-size: 16px;
    opacity: .6;
    text-align: center;
}
.case-item {
    cursor: pointer;
    width: 440px;
    height: 490px;
    float: left;
    display: block;
    margin: 20px 0 0 0;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background-image: -webkit-linear-gradient(bottom, rgba(72, 72, 79, 0.3) 0%, #013a61 100%);
    background-image: -moz-linear-gradient(bottom, rgba(72, 72, 79, 0.3) 0%, #013a61 100%);
    background-image: -moz-linear-gradient(to top, rgba(72, 72, 79, 0.3) 0%, #013a61 100%);
    background-image: -o-linear-gradient(to top, rgba(72, 72, 79, 0.3) 0%, #013a61 100%);
    background-image: linear-gradient(to top, rgba(72, 72, 79, 0.3) 0%, #013a61 100%);
    background-repeat: repeat
}
.case-wrapper .case-item:hover {
    margin-top: 0;
    height: 530px;
    background-color: #2F4C90;		
}
.case-item-bg1 {
    margin: auto;
    background: url(../images/case-logo001.png) no-repeat center;
    background-size: contain;
}
.case-item-bg2 {
    margin: auto;
    background: url(../images/case-logo002.png) no-repeat center;
    background-size: contain;
}
.case-item-bg3 {
    margin: auto;
    background: url(../images/case-logo003.png) no-repeat center;
    background-size: contain;
}
.case-item-bg4 {
    margin: auto;
    background: url(../images/case-logo004.png) no-repeat center;
    background-size: contain;
}
.case-item-bg {
    width: 100px;
    height: 100px;
    border-radius: 50px;
    margin-top: 50px;
}
.case-item-title {
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin: 20px 0;
    line-height: 40px;
}
.case-item-text {
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    height: calc(100% - 138px);
    margin: 0 30px;
    overflow: hidden;
}
.case-item-doc {
    padding: 20px 30px;
    width: 280px;
    bottom: 0;
    position: absolute;
    background: #27272e;
}
.case-item-doc p {
    line-height: 30px;
    margin: 0;
    font-size: 14px;
    color: #999999;
}
.case-item-doc p a {
    font-size: 14px;
    color: #fff;
    float: left;
    width: calc(50% - 1px);
}
.case-item-doc a+a::before {
    content: '|';
    float: left;
    color: rgba(102,102,102,0.6)
}
.case-wrapper .case-item+.case-item {
    margin-left: 20px;
}
.case-wrapper .case-item .case-item-doc a+a {
    text-align: right;
}
.case-wrapper .case-item a:hover {
    text-decoration: underline;
}
/* 运营 */







.pull-right{
	position: relative; padding: 0 45px; width: 100%; color:#fff;
}

.about-piece4-list.active1 .list-first h3{text-align: left;
font-size: 22px;
    color: #000;
    margin: 22px 0 10px;
    letter-spacing: 3px;}

.auto_1600 .tit{    
    color: #000;
    font-size: 62px;
    width: 100%!important;
    text-align: center;
   
    text-indent: 5px;}
	
.gsry{
float:left;
margin-left: 2.3%;
}	
.gsry .img2{
	width:250px;
	height:380px;
}
.gsry img{
	width:100%; 
	height:auto;
	border:2px solid #c7ccd0;
}
.gsry .nr1 {
	width:250px;
	height:50px;
	text-align:center;
	font-size:16px;
}

.gsry2{
float:left;
margin-left: 2.3%;
}	
.gsry2 .img2{
	width:280px;
	height:380px;
}
.gsry2 img{
	width:100%; 
	height:auto;
	border:2px solid #c7ccd0;
}
.gsry2 .nr1 {
	width:280px;
	height:50px;
	text-align:center;
	font-size:16px;
}

.kzq{
	margin-top:-1px;
	
}


.fubt{
	text-align:center;
	font-size:25px;
	line-height:70px;
	color:#b4b4b4;
}


.clear{
	clear:both;
}	
	
.img3{
	margin:0 auto;
	text-align:center;
}


/*style2*/
.auto_1600 {
    max-width: 1600px;
	margin:0 auto;
}

.Banner002661 .Ispic {
    padding-bottom: 50%;
	background-size: 100%;
}

.Banner002661::before, .Banner002661 .ycenter {
    position: absolute;
    left: 0;
    width: 100%;
}
.Banner002661 {
    position: relative;
    z-index: 1;
}

.Banner002661 .ycenter section {
    width: 100%;
    color: #fff;
    padding-top: 13%;
	margin:0 auto;
}

.Banner002661 .ycenter h2 {
    font-size: 64px;
    font-weight: lighter;
    margin: 0 0 1.5%;
}

.Banner002661 .ycenter p {
    margin-top: 0;
    font-size: 20px;
    line-height: 1.5;
    font-weight: lighter;
    max-width: 900px;
    color: #fff;
}
.auto_1600 .fubt2{
	font-size:20px;
	margin-top:20px;
	line-height:30px;	
}

.about-swiper-slide .float-box .float-box-content {
    width: 500px;
    margin: 100px 0 0 150px;
}

.about-swiper-slide .float-box .float-box-content .cn-title2 {
    font-size: .20rem;
    color: #e5e5e5;
    padding-left: 0;
    margin-top: 0px;
    position: relative;
    margin-bottom: 23px;
    letter-spacing: 1px;
}

.about-swiper-slide .float-box .float-box-content p {
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    text-align: justify;
    letter-spacing: 1px;
    overflow: hidden;
}
.Menu000706 header h1 {
    margin: 0;
    display: inline-block;
    border-radius: 5px 5px 0 0;
    padding: 10px 10% 10px 18px;
    background: url(../images/menu000706-icon.png) no-repeat 95% center #036eb8;
    color: #fff;
    font-weight: lighter;
    font-size: 24px;
}

.Menu000706 {
    position: relative;
    padding-bottom: 2%;
    z-index: 2;
}


/*style2 end*/
	



.language-box .search {box-sizing: border-box;
    border-bottom: 1px solid #dde68d;
    margin-right: 0.6rem;
    margin-top: 0.22rem;
    padding: 0.05rem 0.2rem;
width: 3.7rem;}
.fr{
	float: right;
}

.video{
	
	text-align:center;
	margin-top:20px;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: normal
}
.mission_newtit{
    position: absolute;
    bottom: -100px;
}
.mission_newtit,
.mission_newtit *{
    font-size: 18px;
    color: #fff!important;
}
.padding.modal-open {
    padding-right: 0!important
}

body {
    font-family: "微软雅黑"!important
}

.container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header {
    margin-left: 0;
    margin-right: 0
}



#example-navbar-collapse .nav li a {
    padding: 0;
    height: 28px;
    font-size: 18px;
    color: #fff;
    margin-left: 100px;
    letter-spacing: 1px;
    text-indent: 1px;
    line-height: 18px
}

#example-navbar-collapse .nav li a:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #fff;
    background-size: 100%;
    visibility: hidden;
    transition: .3s
}

.technology-head-nav #example-navbar-collapse .nav li a:after {
    background: url(../images/technology-line.jpg) no-repeat center;
    background-size: cover
}

.technology-head-nav #example-navbar-collapse .nav li:nth-child(2) a.active:after {
    background: url(../images/technology-line.jpg) no-repeat center;
    background-size: cover;
    visibility: visible;
    width: 100%!important;
    height: 1px
}

.technology-head-nav #example-navbar-collapse .nav li:first-child a.her:after {
    visibility: hidden!important
}

#nav #example-navbar-collapse .nav li:first-child a.active:after {
    visibility: visible!important;
    width: 100%
}

#example-navbar-collapse .nav li a:hover:after,#example-navbar-collapse .nav .active a:after {
    visibility: visible;
    width: 100%
}

.switch {
    font-size: 0;
    margin: 17px 0 0 126px
}

.swiper-slide {
    font-size: 0;
    text-align: center
}

.swiper-container-horizontal>.technology-swiper-pagination .swiper-pagination-bullet,.about-piece4-swiper-pagination .swiper-pagination-bullet,.about-piece3-swiper-pagination .swiper-pagination-bullet {
    margin: 0 25px;
    border-radius: 0;
    width: 47px;
    height: 3px;
    background: #fff;
    opacity: 1
}

.swiper-container-horizontal>.technology-swiper-pagination .swiper-pagination-bullet-active,.about-piece4-swiper-pagination .swiper-pagination-bullet-active,.about-piece3-swiper-pagination .swiper-pagination-bullet-active {
    background: #9a989f
}

.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 55px;
    font-size: 0
}

.technology-swiper-button-next,.technology-swiper-button-prev {
    background: url(../images/right-arrow.png) no-repeat left center;
    width: 43px;
    height: 91px;
    right: 46px;
    background-size: 100% 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0
}

.technology-swiper-button-prev {
    right: inherit;
    left: 46px;
    background: url(../images/left-arrow.png) no-repeat left center;
    background-size: 100% 100%
}

.about-swiper-button-prev4,.about-swiper-button-prev3 {
    background: url(../images/about-left-arrow.png) no-repeat left center;
    width: 41px;
    height: 86px;
    background-size: 100% 100%
}

.about-swiper-button-next4,.about-swiper-button-next3 {
    background: url(../images/about-right-arrow.png) no-repeat left center;
    width: 41px;
    height: 86px;
    background-size: 100% 100%
}

.technology-swiper-slide {
    position: relative
}

.technology-swiper-slide .float-box {
    position: absolute;
    top: 160px
}

.technology-swiper-slide .float-box h2 {
    font-size: 70px;
    color: #f5eeee;
    text-align: left;
    letter-spacing: 4px
}

.technology-swiper-slide .float-box .en-title {
    font-size: 42px;
    margin-top: 16px;
    letter-spacing: 2px
}

.technology-piece3 {
    margin-top: 152px
}

.technology-piece3-title {
    position: relative;
}

.technology-piece3-title:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../images/white-line.png);
    height: 1px;
    width: 100%
}

.technology-piece3-title span,.technology-piece3-content-right span {
    font-size: 125px;
    width: 865px
}

.technology-piece3-content-left {
    width: 548px;
    font-size: 25px;
    line-height: 50px;
    color: #221814;
    text-align: justify;
    padding-top: 51.5px;
    letter-spacing: 2px
}

.technology-piece3-content-right {
    font-size: 0
}

.technology-piece3-content-right span {
    padding: 0;
    display: block;
    position: relative;
    margin-bottom: 103px
}

.technology-piece3-content-right span:after {
    content: '';
    vertical-align: text-bottom
}

.technology-piece4 {
    background: url(../images/technology-img4.jpg) no-repeat center;
    height: 1414px;
    margin-top: 17px;
    line-height: 1414px;
    font-size: 0;
    text-align: center;
    background-size: 100% 100%
}

.technology-piece4-box {
    display: inline-block;
    vertical-align: middle
}

.technology-piece4-title {
    padding-bottom: 46px
}

.technology-piece4-title div span {
    display: block;
    color: #fff;
    text-align: left
}

.technology-piece4-title h2 {
    background: url(../images/technology-img2.png) no-repeat left center;
    line-height: 42px;
    padding-left: 99px;
    margin-top: 101px
}

.technology-piece4-content {
    padding-top: 90px
}

.technology-piece4-content-left {
    font-size: 0;
    width: 756px;
    text-align: center
}

.technology-piece4-content-left dl {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 37px;
    text-align: center
}

.technology-piece4-content-left dl dd {
    color: #fff;
    font-size: 30px;
    margin-top: 34px;
    letter-spacing: 3px;
    text-align: center;
    text-indent: 3px
}

.technology-piece4-content-left dl:nth-child(2) {
    margin: 0 172px
}

.technology-piece4-content-left dl dt img,.technology-piece5-content-piece1 dl dt img,.technology-piece6-content dl dt img {
    transition: 1s
}

.technology-piece4-content-left dl:hover dt img,.technology-piece5-content-piece1 dl:hover dt img,.technology-piece6-content dl:hover dt img {
    transform: rotateY(180deg)
}

.technology-piece4-content-right {
    width: 652px
}

.technology-piece4-content-right p {
    font-size: 25px;
    color: #fff;
    text-align: justify;
    line-height: 50px;
    letter-spacing: 2px;
    text-indent: 2em
}

.technology-piece4-content-right p:nth-child(2) {
    margin-top: 40px
}

.technology-piece5 {
    background: url(../images/technology-img12.png) no-repeat right bottom 406px;
    margin-top: 157px
}

.technology-piece5-title {
    padding-bottom: 24px
}

.technology-piece5-title div span,.technology-piece5-title h2 {
    color: #000
}

.technology-piece5-title h2 {
    background: url(../images/technology-img1.png) no-repeat left center;
    margin-top: 176px
}

.technology-piece5-title div span {
    text-align: right;
    padding: 0
}

.technology-piece5-content img {
    position: relative;
    z-index: -1
}

.technology-piece5-content-piece1 {
    font-size: 0;
    margin-top: 60px
}

.technology-piece5-content-piece1 dl {
    display: inline-block;
    vertical-align: top;
    text-align: center
}

.technology-piece5-content-piece1 dl dd {
    font-size: 30px;
    color: #036eb8;
    margin-top: 30px;
    letter-spacing: 3px;
    text-indent: 3px
}

.technology-piece5-content-piece1 dl:nth-child(2) {
    margin: 0 268px
}

.technology-piece5-content-piece2 {
    font-size: 25px;
    color: #323232;
    line-height: 50px;
    width: 1000px;
    text-align: justify;
    margin: 65px 0 73px;
    letter-spacing: 2px
}

.technology-piece6 {
    background: url(../images/technology-img8.jpg) no-repeat center;
    height: 1108px;
    margin-top: 182px;
    line-height: 1108px;
    font-size: 0;
    text-align: center;
    position: relative;
    background-size: 100% 100%
}

.technology-piece6-box {
    display: inline-block;
    vertical-align: middle;
    text-align: left
}

.technology-piece6-title {
    padding-bottom: 46px;
    width: 718px;
    border-bottom: 1px solid #fff
}

.technology-piece6-title h2 {
    margin-top: 46px;
    line-height: 1em
}

.technology-piece6-title div span:last-child:after {
    content: '';
    vertical-align: text-bottom
}

.technology-piece6-title:after {
    display: none
}

.technology-piece6-content {
    width: 718px;
    font-size: 0;
    text-align: center;
    margin-top: 40px
}

.technology-piece6-content p {
    font-size: 25px;
    color: #fff;
    line-height: 50px;
    text-align: justify;
    letter-spacing: 2px
}

.technology-piece6-content dl {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-top: 50px
}

.technology-piece6-content dl dd {
    font-size: 30px;
    color: #fff;
    margin-top: 30px;
    letter-spacing: 3px;
    text-indent: 3px
}

.technology-piece6-content .second {
    margin: 50px 156px 0
}

.technology-piece6 .float-img {
    position: absolute;
    right: 0;
    bottom: 138.5px;
    width: 48%;
    font-size: 0
}

.technology-piece4-title span,.technology-piece5-title span,.technology-piece6-title span {
    width: auto!important
}

.swiper-container-horizontal>.about-piece2-swiper-pagination .swiper-pagination-bullet,.swiper-container-horizontal>.about-piece3-swiper-pagination .swiper-pagination-bullet,.about-piece4-swiper-pagination .swiper-pagination-bullet {
    width: 47px;
    height: 3px;
    margin: 0 25px
}

.swiper-container-horizontal>.about-piece2-swiper-pagination {
    bottom: 47px
}

.about-swiper-slide .float-box {
    width: 90%;
    height: 100%;
    top: 0;
    background: url(../images/BG22.png) no-repeat left top;
	left:10%;
}

.about-swiper-slide .float-box .float-box-content {
    width: 400px;
}

.about-swiper-slide .float-box .float-box-content h2 {
    font-size: 125px;
    color: #000
}

.about-swiper-slide .float-box .float-box-content .cn-title {
    font-size: 62px;
    color: #fff;
    padding-left: 0;
    margin-top: 6px;
    position: relative;
    letter-spacing: 3px
}

.about-swiper-slide .float-box .float-box-content .cn-title:after {
    content: '';
    width: 100%;
    height: 1px;
    background: url(../images/white-line.png);
    position: absolute;
    left: 0;
    bottom: -24px;
    display: none
}

.about-swiper-slide .float-box .float-box-content p {
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    text-align: justify;
    letter-spacing: 1px;
    overflow: hidden
}

.about-swiper-slide .float-box .float-box-content p.active-content {
    height: auto
}

.about-piece3 {
    background:url(../images/about-img2.jpg) no-repeat top;
    height: auto;
   
    position: relative
}

.about-piece3-title {
    overflow: hidden;
    font-size: 0;
    text-align: center;
    padding: 100px
}

.about-piece3-title:after {
    display: none
}

.about-piece3-title h2 {
    background: 0;
    color: #000;
    width: auto;
    position: relative;
    padding-bottom: 0;
    margin-top: 0;
    font-size: 60px;
    line-height: 62px;
    height: 62px;
    padding-left: 0;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 3px
}

.about-piece3-title .describe {
    font-size: 18px;
    color: #fff;
    width: 650px;
    text-align: justify;
    line-height: 36px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 35px;
    letter-spacing: 1px
}

.about-piece3-title span {
    color: #fff;
    position: absolute;
    right: 0;
    bottom: 1px;
    width: auto
}

.about-piece3-title span:after {
    content: '';
    vertical-align: text-bottom
}

.about-piece3-content .describe {
    font-size: 25px;
    line-height: 50px;
    color: #fff;
    text-align: justify;
    margin-top: 26px
}

.about-piece3-content dl {
    text-align: center
}

.about-piece3-content dl dd {
    padding: 0 10px
}

.about-piece3-content dl dd h3 {
    font-size: 18px;
    color: #fff;
    margin: 27px 0 6px;
    letter-spacing: 1px;
    text-indent: 1px;
    word-break: break-word;
    line-height: 24px
}

.about-piece3-content dl dd p {
    color: #c5acd2;
    font-size: 18px;
    text-align: center;
    padding-bottom: 3px;
    line-height: 32px;
    letter-spacing: 1px;
    text-indent: 1px;
    word-break: break-word;
    line-height: 24px
}

.about-piece3-content dl dd div {
    display: none;
    font-size: 18px;
    line-height: 32px;
    color: #c5acd2;
    margin: 0;
    word-break: break-all;
    letter-spacing: 1px;
    text-indent: 1px;
    word-break: break-word;
    text-align: justify
}

.about-piece3-content dl dd .degree {
    margin-top: 3px
}

.about-piece3-content dl dd em {
    background: url(../images/about-more.png) no-repeat bottom center;
    width: 19px;
    height: 19px;
    display: block;
    margin: 40px auto 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    padding-bottom: 30px;
    cursor: pointer
}

.swiper-container-horizontal>.about-piece3-swiper-pagination {
    bottom: 76px;
    width: 100%
}

.about-piece3-swiper-container,.about-piece4-swiper-container {
    position: relative;
    margin-top: 115px
}

.about-piece4-swiper-container {
    padding-bottom: 180px;
    margin-top: 0
}

.about-piece3-swiper-container {
    padding-bottom: 115px
}

.about-piece4-content-list-box {
    background: url(../images/about-img4.jpg) repeat-x bottom center;
    padding-bottom: 51px;
    width: 1520px;
    margin: auto;
    height: 1120px;
    line-height: 1120px
}

.about-piece4-content-list-box .second,.about-piece4-content-list-box .third {
    font-size: 0
}

.about-piece4-content-list-box .third {
    position: absolute;
    bottom: 0;
    padding-bottom: 51px
}

.about-piece4-content-list-box .second {
    text-align: right;
    line-height: 485px
}

.about-piece4-content-list-box .second img {
    max-width: 55%
}

.about-piece4-content-list-box .first {
    width: 54%;
    height: 888px;
    background: url(../images/about-img10.png);
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    padding: 45px 50px 0 250px
}

.about-piece4-content-list-box .first h2 {
    font-size: 52px;
    color: #fff;
    margin-bottom: 24px
}

.about-piece4-content-list-box .first p {
    font-size: 25px;
    line-height: 50px;
    color: #fff;
    text-align: justify;
    overflow: hidden;
    height: 200px;
    overflow: hidden
}

.about-piece4-content-list-box .first p.active-content {
    height: auto
}

.about-piece4-content-list {
    position: relative
}

.about-piece4-content-list-box-second {
    height: 1109px;
    margin-top: 46px
}

.about-piece4-content-list-box-second .first {
    width: 60%;
    height: 884px;
    left: inherit;
    right: 0;
    padding: 50px 206px 0 38px
}

.about-piece4-content-list-box-second .third {
    padding-bottom: 61px;
    left: 0
}

.about-piece4-content-list-box-second .second {
    line-height: 446px;
    text-align: left
}

.about-piece4-content-list-box-third {
    margin-top: 55px;
    height: 1006px;
    line-height: inherit;
    padding: 0;
    background: 0
}

.about-piece4-content-list-box-third .first {
    width: 1579px;
    height: 794px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    padding: 53px 30px 0 38px
}

.about-piece4-content-list-box-third .second {
    position: absolute;
    bottom: 0;
    text-align: left;
    line-height: 602px;
    width: 1520px
}

.about-piece4-content-list-box-third .third {
    right: 0;
    padding-bottom: 0
}

.about-piece4-title:after {
    display: none
}

.about-piece5 {
    background: url(../images/about-img7.jpg) no-repeat center;
    height: auto;
    line-height: 1;
    font-size: 0;
    text-align: center;
    background-size: 100% 100%;
}

.about-piece5-title h2 {
   
    padding-left: 0;
    background: 0;
    font-size: 42px;
    line-height: 62px;
    height: 62px;
    letter-spacing: 5px;
    text-indent: 5px;
	
}

.about-piece5-title {
    padding-bottom: 0;
    margin-bottom: 0
}

.about-piece5-title:after {
    background: url(../images/white-line.png);
    display: none
}

.about-piece5-box {
    display: inline-block;
    vertical-align: middle
}

.about-piece5-content {
    display: inline-block;
    font-size: 0
}

.about-piece5-content ul {
    position: relative;
    padding: 60px 0 86px 0;
    text-align: left;
    font-size: 0;
    display: inline-block
}

.about-piece5-content ul li {
    margin-top: 30px;
    font-size: 0;
    text-align: left;
    display: block;
    min-width: 750px
}

#boxscroll {
    margin: auto;
    position: relative
}

.about-piece5-content ul li:first-child {
    margin-top: 0
}

.about-piece5-content ul li span,.about-piece5-content ul li p {
    display: inline-block;
    vertical-align: middle;
    color: rgba(255,255,255,.6)
}

.about-piece5-content ul li span {
    font-size: 25px;
    position: relative;
    letter-spacing: 3px;
    width: 170px
}

.about-piece5-content ul li span:after {
    content: '';
    width: 94px;
    height: 16px;
    background: url(../images/about-img15.png) no-repeat center;
    position: absolute;
    right: -96px;
    top: 50%;
    margin-top: -8px;
    z-index: 1;
    opacity: .6;
    transition: .3s
}

.about-piece5-content ul li p {
    font-size: 25px;
    line-height: 32px;
    margin-left: 100px;
    text-align: justify;
    margin-top: 0;
    letter-spacing: 2px;
    max-width: 1159px
}

.shaft {
    position: absolute;
    left: 0;
    top: 0;
    height: 90%;
    width: 4px;
    background: url(../images/shaft.png) repeat-y right center;
    background-size: 4px 100%;
    margin-left: 10px
}

.about-piece5-content ul li:hover span,.about-piece5-content ul li:hover p {
    color: rgba(255,255,255,1)
}

.about-piece5-content ul li:hover span:after {
    opacity: 1
}

.join-piece2 {
    font-size: 0;
    position: relative;
    text-align: center;
    background: url(../images/join-img1.jpg) center bottom;
    background-size: cover
}

.join-piece2-box {
    position: absolute;
    top: 45%;
    left: 0;
    width: 100%;
    text-align: center;
    transform: none;
    margin-top: 0
}

.join-piece2-title {
    margin-bottom: 58px;
    font-size: 0;
    max-width: 1030px;
    margin: auto
}

.join-piece2-title h2 {
    font-size: 96px;
    color: #fff;
    letter-spacing: 8px;
    text-indent: 8px
}

.join-piece2-title p {
    margin-top: 0;
    padding-top: 0;
    background: url(../images/join-piece2-title-line.png) repeat-x top center;
    display: inline-block;
    font-size: 32px;
    line-height: 38px;
    width: 100%;
    letter-spacing: 3px;
    text-indent: 3px;
    color: #fff;
    background: 0
}

.join-piece2-title p span {
    display: inline-block;
    vertical-align: middle;
    font-size: 24px;
    color: #fff;
    letter-spacing: 2px;
    line-height: 30px
}

.join-piece2-title p span:first-child,.join-piece2-title-p {
    font-size: 30px;
    letter-spacing: 2px
}

.join-piece2-title .join-piece2-title-p {
    font-size: 32px;
    color: #fff;
    background: 0;
    padding: 0!important;
    margin-top: 20px;
    letter-spacing: 3px;
    text-indent: 3px
}

.join-piece2-content ul {
    text-align: center;
    font-size: 0
}

.join-piece2-content ul li {
    display: inline-block;
    vertical-align: middle;
    font-size: 50px;
    color: #fff;
    margin-bottom: 0;
    margin-top: 85px!important
}

.join-piece2-content ul li.recruitment-list-box {
    margin-top: 0
}

.join-piece2-content ul li a {
    width: 236px;
    height: 64px;
    border: 1px solid #fff;
    display: table-cell;
    border-radius: 64px;
    font-size: 32px;
    color: #fff;
    background: url(../images/join-img3-arrow.png) no-repeat right 44px center;
    text-align: left;
    padding-left: 50px;
    vertical-align: middle;
    letter-spacing: 20px
}

.join-piece2-content ul li:first-child {
    margin-right: 82px;
    letter-spacing: 0
}

.join-piece2-content ul li:nth-child(2) {
    margin-right: 0
}

.join-piece3 {
    width: 100%;
    margin: 90px auto 0
}

.join-piece3-box {
    padding-bottom: 110px;
	padding-top: 20px;
    position: relative;
    padding-left: 190px;
    padding-right: 190px;
}

.join-piece3-box:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: -208px;
    width: 273px;
    height: 420px;
    z-index: 999;
    display: none
}

.join-piece3-title {
    position: relative
}

.join-piece3-title h2,.join-piece3-title span {
    font-size: 0
}

.join-piece3-title h2 {
    font-size: 48px;
    text-align: center;
    letter-spacing: 5px;
    text-indent: 5px;
	margin:0 auto;
}

.join-piece3-title span {
    padding-left: 0;
    position: absolute;
    right: 0;
    bottom: 23px;
    display: none
}

.join-piece3-content {
    margin-top: 75px
}

.gallery-thumbs {
    padding: 0 1px
}

.gallery-top-box {
    position: relative
}

.gallery-top-box .swiper-button-white {
    background: url(../images/join-left-arrow.png) no-repeat center;
    width: 43px;
    height: 91px;
    left: -100px;
    background-size: 100% 100%
}

.gallery-top-box .swiper-button-next {
    background: url(../images/join-right-arrow.png) no-repeat center;
    right: -100px;
    left: inherit;
    background-size: 100% 100%
}

.gallery-thumbs-box {
    position: relative;
    margin-top: 35px
}

.gallery-thumbs-box .swiper-button-white {
    background: url(../images/join-img8.png) no-repeat center;
    width: 15px;
    height: 34px;
    left: 12.5px;
    display: none
}

.gallery-thumbs-box .swiper-button-next {
    background: url(../images/join-img9.png) no-repeat center;
    right: 12.5px;
    left: inherit;
    display: none
}

.gallery-thumbs-box .swiper-slide {
    overflow: hidden;
    padding: 10px
}

.gallery-thumbs-box .swiper-slide-active {
    border: 1px solid #036eb8
}

.gallery-thumbs-box .swiper-slide img {
    transition: .3s
}

.gallery-thumbs-box .swiper-slide img:hover {
    transform: scale(1.2)
}

.join-piece4 {
    background: url(../images/join-img4.jpg) center;
    /*height: auto!important;*/
    background-size: 100% 100%;
    padding: 110px 0
}

.join-piece4-title h2,.join-piece4-title span {
    color: #fff
}

.join-piece4-title h2 {
    padding-left: 0!important;
    font-size: 62px!important;
    line-height: 62px!important;
    text-align: center;
    background: 0;
    margin-top: 0!important;
    margin-bottom: 0;
    letter-spacing: 5px;
    text-indent: 5px
}

.join-piece4 .join-piece4-box .join-piece4-title:after {
    display: none
}

.join-piece4-title span {
    width: auto
}

.join-piece4-content {
    width: 100%
}

.join-piece4-content span {
    font-size: 125px;
    color: #fff;
    display: block;
    text-align: right;
    width: 1520px
}

.join-piece4-content span+ul {
    margin-top: 85px
}

.join-piece4-content ul {
    font-size: 0;
    text-align: center;
    width: 1370px;
    margin: auto
}

.join-piece4-content ul li {
    text-align: center;
    margin-top: 135px;
    margin-left: 0;
    display: inline-block;
    vertical-align: middle;
    width: 33.333%;
    font-size: 0
}

.join-piece4-content ul li:first-child,.join-piece4-content ul li:nth-child(2),.join-piece4-content ul li:nth-child(3) {
    margin-top: 100px
}

.join-piece4-content ul li:nth-child(5),.join-piece4-content ul li:nth-child(9),.join-piece4-content ul li:nth-child(13),.join-piece4-content ul li:nth-child(17),.join-piece4-content ul li:nth-child(21) {
    margin-left: 0
}

.join-piece4-content ul li:first-child {
    margin-left: 0
}

.join-piece4-content ul li img {
    width: 178px;
    height: 178px;
    transition: 1s
}

.join-piece4-content ul li h2 {
    font-size: 30px;
    color: #fff;
    margin-top: 34px;
    letter-spacing: 2px;
    text-indent: 2px
}

.news-piece3 {
    padding: 157px 0 107px
}

.news-piece3-box {
    width: 1808px;
    margin: auto
}

.news-piece3 {
    background: url(../images/news-img1.png) repeat-y center;
    background-size: 99px 100%
}

.news-piece3-other {
    background: url(../images/news-img2.png) no-repeat right center;
    height: 124px
}

.news-piece3-list-box {
    overflow: hidden
}

.news-piece3-list-box li {
    border: 3px solid #771284;
    border-image: linear-gradient(to bottom,#53368b,#771284) 1;
    width: 1328px;
    font-size: 0;
    text-align: center;
    float: right;
    background: #fff;
    padding: 6px 9px;
    position: relative;
    margin-top: 4px
}

.news-piece3-list-box li:hover .left-img img {
    transform: scale(1.1)
}

.news-piece3-list-box li:first-child {
    margin-top: 0
}

.news-piece3-list-box li:nth-child(even) {
    float: left
}

.news-piece3-list-box li:nth-child(even) .left-img {
    float: right
}

.news-piece3-list-box li:nth-child(even) .left-content {
    float: left
}

.news-piece3-list-box li:nth-child(even):before {
    content: '';
    position: absolute;
    top: -125px;
    left: -3px;
    width: 600px;
    height: 125px;
    background: url(../images/news-img4.png) no-repeat center;
    z-index: -1
}

.news-piece3-list-box li:nth-child(odd):before {
    content: '';
    position: absolute;
    top: -51px;
    right: -3px;
    width: 500px;
    height: 51px;
    background: url(../images/news-img5.png) no-repeat center;
    z-index: -1
}

.news-piece3-list-box li:last-child:after {
    content: '';
    position: absolute;
    top: -15px;
    right: -3px;
    width: 100px;
    height: 15px;
    background: url(../images/news-img6.png) no-repeat center;
    z-index: -1
}

.news-piece3-list-box li div {
    float: left
}

.news-piece3-list-box li .left-img {
    font-size: 0;
    width: 921px;
    overflow: hidden;
    position: relative;
    height: 388px;
    line-height: 388px;
    text-align: center
}

.news-piece3-list-box li .left-img a {
    display: inline-block;
    font-size: 0
}

.news-piece3-list-box li .left-img img {
    display: inline-block;
    vertical-align: middle;
    transition: .3s
}

.news-piece3-list-box li:nth-child(odd):after {
    content: '';
    position: absolute;
    top: -30px;
    left: 0;
    width: 27px;
    height: 30px;
    background: url(../images/news-img9.png) no-repeat center;
    z-index: -1
}

.news-piece3-list-box li:first-child:after {
    display: none
}

.news-piece3-list-box li .right-content {
    background: url(../images/news-img3.jpg) no-repeat center;
    width: 383px;
    height: 388px;
    padding: 62px 40px 40px;
    text-align: right;
    font-size: 0;
    position: relative
}

.news-piece3-list-box li .right-content h2 {
    font-size: 38px;
    color: #fff;
    text-align: left
}

.news-piece3-list-box li .right-content p {
    margin-top: 40px;
    text-align: left
}

.news-piece3-list-box li .right-content p a {
    font-size: 25px;
    color: #fff;
    line-height: 50px;
    text-align: justify;
    position: static;
    background: 0;
    text-align: left;
    width: auto;
    height: auto;
    display: block;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.news-piece3-list-box li .right-content a {
    position: absolute;
    right: 40px;
    bottom: 40px;
    background: url(../images/news-img3.png) no-repeat center;
    width: 125px;
    height: 33px
}

.news-page {
    text-align: center;
    font-size: 0;
    margin-top: 110px
}

.news-page li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 11px
}

.news-page li a,.news-page .thisclass {
    font-size: 22px;
    color: #aaa;
    border-radius: 50%;
    border: 2px solid #aaa;
    width: 42px;
    height: 42px;
    line-height: 38px;
    display: block
}

.news-page .thisclass {
    display: inline-block;
    border-radius: 50%;
    border: 2px solid #aaa
}

.news-page .thisclass span {
    display: block;
    width: 38px;
    line-height: 38px;
    color: #aaa;
    font-size: 22px
}

.news-page li:first-child a,.news-page li:last-child a {
    background: url(../images/news-left-arrow-on.png) no-repeat center;
    width: 16px;
    height: 16px;
    border: 0;
    margin-right: 9px;
    transition: .3s
}

.news-page li:last-child a {
    background: url(../images/news-right-arrow-on.png) no-repeat center;
    margin: 0 0 0 9px
}

.news-page li:first-child:hover a {
    background: url(../images/news-left-arrow.png) no-repeat center
}

.news-page li:last-child:hover a {
    background: url(../images/news-right-arrow.png) no-repeat center
}

.new-technology-piece3 .new-technology-piece3-title span,.new-technology-piece3 .new-technology-piece3-content-right span,.new-technology-piece3 .new-technology-piece3-title h2,.new-technology-piece3 .technology-piece3-content-right span {
    font-size: 0;
    line-height: inherit
}

.new-technology-piece3 .new-technology-piece3-title {
    padding-bottom: 20px
}

.new-technology-piece3 .technology-piece3-content-right span {
    padding-top: 20px
}

.new-technology-piece3 .technology-piece3-content-right span:after {
    display: none
}

.new-technology-piece3-title h2 {
    margin-top: 45px
}

.new-technology-piece3-title.technology-piece5-title h2 {
    margin-top: 170px
}

.join-piece2 {
    position: relative
}

.join-piece2-float-box {
    position: absolute;
    top: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 100%;
    min-width: 1520px;
    padding: 0 45px
}

.join-piece2-float {
    margin-top: 200px;
    padding-left: 0
}

.join-piece2-float .en-title {
    font-size: 125px;
    color: #fff;
    margin: 0 0 0 116px
}

.join-piece2-float .cn-title {
    font-size: 52px;
    color: #fff;
    background: url(../images/technology-img2.png) no-repeat left center;
    padding-left: 98px;
    margin-top: 6px
}

.join-piece2-serach {
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    bottom: 206px
}

.join-piece2-serach .search-box {
    width: 1430px;
    border: 0;
    border-bottom: 1px solid #000;
    background: transparent;
    font-size: 24px;
    padding-bottom: 20px;
    line-height: 34px;
    padding-right: 68px;
    color: #949494;
    height: 45px;
    line-height: 24px;
    letter-spacing: 2px
}

.join-piece2-serach input::-webkit-input-placeholder {
    color: #a2a2a2
}

.join-piece2-serach input:-moz-placeholder {
    color: #a2a2a2
}

.join-piece2-serach input::-moz-placeholder {
    color: #a2a2a2
}

.join-piece2-serach input:-ms-input-placeholder {
    color: #a2a2a2
}

.join-piece2-serach .search-btn {
    width: 38px;
    height: 35px;
    background: url(../images/search.png) no-repeat center;
    position: absolute;
    right: 20px;
    top: 0;
    font-size: 0
}

.about-piece4-title span {
    font-size: 0!important;
    text-align: right
}

.about-piece4-title h2 {
    margin: 175px 0 90px;
    font-size: 62px;
    color: #000;
    height: 62px;
    line-height: 62px;
    letter-spacing: 3px
}

.word-img {
    font-size: 0;
    text-align: right;
    padding: 14px 0 64px
}

.about-piece4-title {
    position: static;
    width: 100%!important
}

.about-piece4-title h2 {
    padding: 0!important
}

#page {
    text-align: center;
    font-size: 0;
    margin: 27px auto 72px!important;
    overflow: hidden;
    height: 42px!important
}

#page .prv {
    background: url(../images/news-img7.png) no-repeat center;
    width: 16px;
    height: 16px;
    border: 0;
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    float: left!important;
    height: 100%;
    line-height: 100%;
    transition: .3s
}

#page .next {
    background: url(../images/news-img8.png) no-repeat center;
    width: 16px;
    height: 16px;
    border: 0;
    margin-right: 0;
    margin-left: 20px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    height: 100%;
    line-height: 100%;
    transition: .3s
}

#page .prv:hover,#page .next:hover {
    background-color: #fff!important
}

#page .pagingUl li {
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    text-align: center;
    margin: 0 10px;
    width: 42px!important;
    height: 42px!important
}

#page .pagingUl li a {
    font-size: 22px;
    color: #aaa;
    border-radius: 50%;
    border: 2px solid #aaa;
    width: 42px;
    height: 42px;
    line-height: 38px;
    display: block;
    transition: .3s
}

#page ul li .activP,#page ul li a:hover {
    color: #5f238e!important;
    border: 2px solid #5f238e;
    background: none!important
}

#page .first,#page .last {
    display: none
}

#page .pagingUl {
    float: right!important;
    height: 42px;
    float: none;
    font-size: 0
}

.technology-swiper-slide-box,.about-swiper-slide-box {
    display: inline-block;
    font-size: 0;
    position: relative
}

.about-swiper-slide-box {
    width: 100%;
    height: 700px;
}

.join_footer {
    text-align: center;
    font-size: 0
}

.shaft {
    margin-top: 0!important
}

.switch .language-icon {
    font-size: 0;
    width: 23px;
    display: block;
    transition: .3s;
    transform-origin: center center
}

.switch .language-icon.active {
    transform: rotate(180deg)
}

.switch .menu-icon {
    margin: 6px 0 0 20px;
    display: none
}

.language-box {
    position: relative
}

.language {
    position: absolute;
    right: 27px;
    top: 101px;
    width: 76px;
    z-index: 99;
    display: none;
    background: #d3d3d3
}

.language li {
    text-align: center;
    font-size: 0;
    background: #d3d3d3;
    position: relative;
    z-index: 999
}

.language li a {
    color: #a0a0a0;
    font-size: 20px;
    line-height: 20px;
    display: block;
    transition: .3s;
    padding: 30px 0;
    letter-spacing: 3px;
    text-indent: 3px
}

.language li:first-child a {
    padding-bottom: 15px;
    color: #036eb8
}

.language li:last-child a {
    padding-top: 15px
}

.language li a:hover {
    background: transparent;
    color: #036eb8
}

.language-icon {
    cursor: pointer
}

.language .ground {
    height: 94px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0
}

.news-piece3-box-prompt {
    font-size: 32px;
    line-height: 52px;
    text-align: center;
    color: #fff;
    line-height: 1
}

.news-piece3-list-box li .right-content p font {
    color: #fff;
    font-size: 25px
}

.selectBox {
    width: 100%;
    position: relative;
    border: 1px solid #fff;
    border-image: -webkit-linear-gradient(#53368b,#761384) 1 1;
    border-image: -moz-linear-gradient(#53368b,#761384) 1 1;
    border-image: linear-gradient(#53368b,#761384) 1 1;
    margin-top: 16px
}

.selectBox select {
    border: 0;
    outline: 0;
    width: 100%;
    height: 59px;
    line-height: 59px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    font-size: 24px;
    color: #8b8b8b;
    padding: 0 70px 0 30px;
    cursor: pointer;
    letter-spacing: 2px;
	background: #fff;
}

.selectBox select::-ms-expand {
    display: none
}

.selectBox select option {
    font-size: 22px;
    color: #8b8b8b;
    letter-spacing: 5px
}

.selectBox:after {
    content: "";
    width: 16px;
    height: 16px;
    background: url(../images/pull.png) no-repeat center;
    position: absolute;
    right: 24px;
    top: 50%;
    pointer-events: none;
    margin-top: -8px
}

.contact-code {
    font-size: 0
}

#vdimgck {
    width: 141px;
    height: 42px;
    display: inline-block;
    vertical-align: middle
}

.contact-code .validation-btn {
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 18px;
    background: url(../images/refresh.png) no-repeat center;
    margin-left: 12px;
    cursor: pointer
}

@keyframes icon-bounce {
    0%,100% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25% {
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    50% {
        -moz-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    75% {
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    85% {
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
}

@-webkit-keyframes icon-bounce {
    0%,100% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25% {
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    50% {
        -moz-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    75% {
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    85% {
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
}

@-moz-keyframes icon-bounce {
    0%,100% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25% {
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    50% {
        -moz-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    75% {
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    85% {
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
}

@-o-keyframes icon-bounce {
    0%,100% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    25% {
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }

    50% {
        -moz-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }

    75% {
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    85% {
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
}

.news-piece3-list-box li:hover .right-content .right-content-more {
    -webkit-animation: icon-bounce .5s alternate;
    -moz-animation: icon-bounce .5s alternate;
    -o-animation: icon-bounce .5s alternate;
    animation: icon-bounce .5s alternate
}

.open em {
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

#page .important {
    display: none!important
}

.important {
    display: none
}

#invitelist .job_mess .job_mess_tit span,#invitelist .job_mess .job_mess_text span {
    font-size: 20px
}

.invitelist-style {
    font-size: 32px;
    color: #221814;
    text-align: center;
    margin-top: 50px
}

.vdimgck-size {
    height: 59px!important
}

#ascrail2000 div {
    background-color: rgba(0,0,0,.2)!important
}

.technology-piece3-content .technology-piece3-content-left p {
    font-size: 25px;
    line-height: 50px;
    color: #221814;
    text-align: justify;
    letter-spacing: 2px
}

.technology-piece3-content .technology-piece3-content-left .piece3-more,.technology-piece4-content-right .piece4-more,.slide-more,.about-piece4-content-list-box .first .piece4-more,.piece6-more {
    display: block;
    background: url(../images/more.png) no-repeat center;
    margin: auto;
    width: 28px;
    height: 28px;
    padding: 40px 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    cursor: pointer
}

.technology-piece3-content .technology-piece3-content-left .piece3-more.active,.technology-piece4-content-right .piece4-more.active,.slide-more.active,.about-piece4-content-list-box .first .piece4-more.active,.piece6-more.active {
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.technology-piece4-content-right .piece4-more,.slide-more,.about-piece4-content-list-box .first .piece4-more,.piece6-more {
    background: url(../images/more-img2.png) no-repeat center;
    padding: 0;
    margin: 40px auto 0
}

.technology-piece3-content .technology-piece3-content-left .piece3-show-content,.technology-piece4-content-right .piece4-show-content,.slide-show-content {
    overflow: hidden
}

.technology-piece3-content .technology-piece3-content-left .piece3-more,.technology-piece4-content-right p .piece4-more,.slide-more,.about-piece4-content-list-box .first .piece4-more,.piece6-more {
    cursor: pointer
}

.about-piece5-box {
    position: relative
}

.slide-more {
    margin: 25px auto 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    cursor: pointer
}

.slide-more.active-more {
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s
}

.about-piece4-content-list-box .first p.active {
    height: auto!important;
    overflow: visible;
    transition: 3s
}

.join-piece2-xs,.technology-piece4-banner-two,.technology-piece6-content-two {
    display: none
}

.general-show-content {
    overflow: hidden
}

.technology-piece5-content-piece2-more {
    display: none;
    width: 2.55rem;
    height: auto;
    line-height: 1em;
    text-align: center;
    border-radius: .6rem;
    border: .03rem solid #6c1d86;
    font-size: .3rem;
    color: #6c1d86!important;
    margin: 0 auto 1.4rem;
    padding: .12rem 0
}

.piece6-more {
    display: none
}

.new-piece2-container {
    color:#000;
}

.new-piece2-banner {
    display: block;
    margin: auto
}

.new-piece2-container {
  
    background-size: cover
}

.join-piece2-serach {
    bottom: 200px
}

.new-piece3 {
    margin-top: 50px!important;
    padding-bottom: 110px
}

.new-piece3-list-box dl {
    width: 1520px;
    margin: auto;
    position: relative;
    z-index: 99
}

.new-piece3-list-box dl dt img,.new-piece3-list-box dl dd .content-box h3 a {
    transition: .3s
}

.new-piece3-list-box dl:hover dt a img {
    transform: scale(1.02)
}

.new-piece3-list-box dl:hover .top-line:after {
    transform: scale(1.1)
}

.new-piece3-list-box dl .top-line {
    position: absolute;
    left: 0;
    top: -6px;
    height: 2px;
    background: url(../images/new-img2.png) repeat-x;
    background-size: 100% 100%;
    position: relative
}

.new-piece3-list-box dl .top-line:after {
    content: '';
    position: absolute;
    left: 1030px;
    top: -83px;
    width: 190px;
    height: 159px;
    background: url(../images/bright.png) no-repeat;
    background-size: 100% 100%;
    z-index: 999;
    transition: .3s
}

.new-piece3-list-box:nth-child(3) dl .top-line:after {
    left: 930px
}

.new-piece3-list-box:nth-child(5) dl .top-line:after {
    left: 1250px
}

.new-piece3-list-box dl dt {
    font-size: 0;
    width: 950px;
    line-height: 436px;
    line-height: 436px;
    text-align: left;
    overflow: hidden;
    max-height: 436px
}

.new-piece3-list-box dl dt a {
    display: inline-block;
    vertical-align: middle;
	max-width: 100%;
}

.new-piece3-list-box dl .fl,.new-piece3-list-box dl .fr {
    position: relative;
    z-index: 999
}

.new-piece3-list-box dl dd {
    width: 570px;
    height: 436px;
    line-height: 436px;
    font-size: 0
}

.new-piece3-list-box dl dd .content-box {
    display: inline-block;
    vertical-align: middle;
    width: 500px;
    margin-left: 70px
}

.new-piece3-list-box dl dd .content-box .years,.new-piece3-list-box dl dd .content-box .month,.new-piece3-list-box dl dd .content-box .day,.new-piece3-list-box dl dd .content-box h3 a {
    color: #fff
}

.new-piece3-list-box dl dd .content-box .month,.new-piece3-list-box dl dd .content-box .day {
    letter-spacing: 2px
}

.new-piece3-list-box dl dd .content-box .date {
    font-size: 0
}

.new-piece3-list-box dl dd .content-box .date .years,.new-piece3-list-box dl dd .content-box .date div {
    display: inline-block;
    vertical-align: middle
}

.new-piece3-list-box dl dd .content-box .date div {
    position: relative;
    height: 60px;
    margin-left: 20px
}

.new-piece3-list-box dl dd .content-box .years {
    font-size: 75px;
    border-right: 3px solid #000;
    padding-right: 20px;
    letter-spacing: 0;
    height: 60px;
    line-height: 60px;
    letter-spacing: 5px;
	color:#000;
}

.new-piece3-list-box dl dd .content-box .month {
    font-size: 30px;
    left: 0;
    top: 0;
    text-transform: uppercase;
    line-height: 26px;
    text-indent: -2px;
	color:#000;
}

.new-piece3-list-box dl dd .content-box .day {
    font-size: 25px;
    position: absolute;
    left: 0;
    bottom: 0;
    line-height: 20px;
    text-align: justify;
	color:#000;
}

.span-justify {
    display: inline-block;
    padding-left: 100%
}

.new-piece3-list-box dl dd .content-box h3 {
    font-size: 0;
    margin-top: 35px
}

.new-piece3-list-box dl dd .content-box h3 a {
    font-size: 24px;
    display: inline-block;
    line-height: 40px;
    text-align: justify;
    max-height: 120px;
    overflow: hidden;
    letter-spacing: 0;
    word-break: break-all;
	color:#000;
}

.bottom-line {
    background: url(../images/new-img3.png) repeat-x;
    height: 2px;
    width: 100%;
    margin-top: 0;
    background-size: 100% 100%
}

/* .new-piece3-list-box:nth-child(even) .top-line,.new-piece3-list-box:nth-child(odd) .bottom-line {
    display: none!important
}

.new-piece3-list-box:last-child .top-line {
    position: absolute;
    bottom: -6px;
    display: block!important;
    top: inherit
} */

.new-piece3-list-box {
    margin-top: 0;
    position: relative;
    margin-bottom: 6px
}

.new-piece3-list-box .bottom-line {
	 display: none !important;
 }

.new-piece3-list-box .top-line {
    position: absolute !important;
    bottom: -6px !important;
	top: inherit !important;
}

.mobile-arrow+.new-piece3-list-box+.new-piece3-list-box .top-line {
    display: none !important;
}

.mobile-arrow+.new-piece3-list-box+.new-piece3-list-box .bottom-line {
	
	display: block !important;
	top: inherit;
	bottom: -6px;
	position: absolute;
}

.mobile-arrow+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box .top-line {
	display: block !important;
}

.mobile-arrow+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box .top-line {
	display: none !important;
}

.mobile-arrow+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box .bottom-line {
	display: block !important;
	top: inherit;
	bottom: -6px;
	position: absolute;
}
.mobile-arrow+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box .top-line {
	display: block !important;
}
.mobile-arrow+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box .top-line {
	display: none !important;
}

.mobile-arrow+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box .bottom-line {
	display: block !important;
	top: inherit;
	bottom: -6px;
	position: absolute;
}
.mobile-arrow+.new-piece3-list-box .bottom-line {
	display: block !important;
	top: -6px;
	bottom: inherit;
	position: absolute;
}

.new-details-piece2 {
    padding-bottom: 106px
}

.new-details-banner {
    font-size: 0
}

.new-piece2-container .en-title,.new-piece2-container .cn-title {
    text-align: left
}

.new-details-piece2 {
    padding-bottom: 0
}

.new-details-banner {
    font-size: 0;
    text-align: center;
    max-width: 1808px;
    margin: 101px auto 0;
    max-height: 600px;
    overflow: hidden
}

.details-title {
    font-size: 44px;
    line-height: 64px;
    color: #036eb8;
    margin-top: 100px;
    text-align: justify;
    word-break: break-all;
    letter-spacing: 2px
}

.details-date {
    font-size: 30px;
    color: #9d9c9e;
    border-bottom: 2px solid #a0a0a0;
    padding-bottom: 40px;
    margin-top: 81px;
    line-height: 30px
}

.details-intro,.details-intro *,.details-content,.details-content * {
    font-size: 16px!important;
    line-height: 32px!important;
    color: #000!important;
    text-align: justify;
    font-weight: normal!important;
    margin: 0!important
}

.details-intro,.details-intro * {
    color: rgba(0,0,0,.6)!important;
    font-weight: normal!important;
    margin: 0!important
}

.details-intro {
    padding-top: 60px
}

.details-intro .details-intro-p:first-child {
    margin-top: 0
}

.details-content,.new-details-page {
    margin-top: 84px
}

.new-general-piece {
    width: 1320px
}

.new-details-page .prev {
    float: left;
    max-width: 300px;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 17px;
    color: #333
}

.new-details-page .next {
    float: right;
    max-width: 300px;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 17px;
    color: #333
}

.new-details-page span,.new-details-page a {
    color: #333;
    font-size: 17px
}

.nav-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    width: 100%;
    background: transparent;
    transition: .4s;
    -webkit-overflow-scrolling: touch
}

.nav-spacing {
    height: 112px;
    display: none
}

.float-background {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 99;
    background: rgba(0,0,0,.5);
    display: none
}

.allhide {
    display: none
}

.body-style {
    overflow: hidden
}

.piece3-show-content,.piece4-show-content,.piece5-show-content {
    height: 100px
}

.active-content {
    height: auto
}

.piece6-show-content {
    overflow: hidden
}

.details-intro .details-intro-p {
    margin-bottom: 40px
}

.details-content-container .details-intro-h3 {
    color: #57368a!important;
    margin-bottom: 50px;
    text-align: left
}

.details-intro-float {
    font-size: 0
}

.float-content div.fl {
    max-width: 699px;
    padding-left: 60px
}

.float-content div.fl p:first-child,.details-intro-p {
    margin-bottom: 42px
}

.details-intro-h4 {
    font-size: 16px;
    color: #000;
    background: url(../images/new-details-img1.png) no-repeat left center;
    padding-left: 26px!important;
    margin: 30px 0 20px!important
}

.first-details-intro-p {
    margin-top: 30px
}

.details-intro-h4-two {
    display: none
}

.float-content-img-mb {
    display: none
}

.join-piece2 {
    height: auto;
    width: 100%;
    background: url(../images/new-img1.png) no-repeat;
    background-size: 100% auto;
    font-size: 0;
    background: url(../images/join-img1.jpg) center bottom;
    background-size: cover;
    min-height: 600px
}

.join-piece2 {
    text-align: left
}

.join-piece2 .news-en-title {
    font-size: 105px;
    color: rgba(255,255,255,0.1);
    height: 105px;
    letter-spacing: 2px
}

.join-piece2 .news-en-title:after {
    content: "";
    display: inline-block;
    vertical-align: bottom
}

.join-piece2 .news-cn-title {
    font-size: 108px;
    color: #fff;
    letter-spacing: 5px;
    margin-left: 28px;
    margin-top: -14px
}

.join-piece2-content .recruitment-list-piece2 li {
    margin-bottom: 0
}

.about-piece4-list {
    position: relative;
    font-size: 0;
    margin-bottom: 114px
}

.about-piece4-list:last-child {
    margin-bottom: 0
}

.about-piece4-list .list-first {
    width: 1040px;
    height: 100%;
    background: url(../images/BG3.png) no-repeat !important;
    background-size: 100% 100%;
    min-height: 1004px;
    padding: 0 190px 0 0;
    overflow: hidden;
    display: inline-block
}

.about-piece4-list .list-first2 {
    width: 1040px;
    height: 100%;
    background: url(../images/BG4.png) no-repeat !important;
    background-size: 100% 100%;
    min-height: 1180px!important;
    padding: 0 190px 0 0;
    overflow: hidden;
    display: inline-block
}

.about-piece4-list .list-third {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: -1
}

.about-piece4-list .list-third img {
    display: block;
    margin: auto;
    overflow: hidden
}

.about-piece4-list .list-second {
    position: absolute;
    right: 50%;
    top: 0;
    font-size: 0;
    transform: translateX(50%);
    text-align: right;
    z-index: -1
}

.about-piece4-list.active1 .list-second {
    text-align: left
}

.about-piece4-list .list-second .list-second-img {
    position: absolute;
    bottom: 70px;
    right: 0;
    box-sizing: border-box
}

.about-piece4-list .list-first .first-content h2 {
    font-size: 32px;
    color: #000;
    margin: 82px 0 26px;
    letter-spacing: 3px
}

.about-piece4-list .list-first .first-content .first-details {
    font-size: 18px;
    line-height: 32px;
    color: #000;
    margin-top: 0;
    text-align: justify;
    letter-spacing: 1px
}

.about-piece4-list.active1 {
    text-align: right
}

.about-piece4-list.active1 .list-second,.about-piece4-list.active2 .list-second {
    width: 100%!important
}

.about-piece4-list.active1 .list-second .list-second-img {
    position: absolute;
    left: 0;
    right: inherit
}

.about-piece4-list.active1 .list-first {
    padding-left: 170px
}

.about-piece4-list.active1 .list-first h2 {
    text-align: left
}

.about-piece4-list.active1 .list-third {
    text-align: left;
    font-size: 0
}

.about-piece4-list.active1 .list-third img,.about-piece4-list.active2 .list-third img {
    display: inline-block;
    margin: 0
}

.about-piece4-list.active2 .list-third {
    text-align: right;
    font-size: 0
}

.about-piece4-list.active0 .list-second {
    width: 100%!important
}

.about-piece5-box.general-piece {
    padding: 0 45px;
    width: auto
}

.pull-height {
    height: 364px;
    overflow: hidden
}

.rotating {
    transform: rotate(180deg);
    transition: .3s
}

.technology-banner h2 {
    font-size: 82px;
    color: #fff;
    letter-spacing: 15px;
    text-indent: 15px;
    position: absolute;
    top: 262px;
    left: 0;
    /*top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);*/
    width: 100%;
    z-index: 9;
    text-align: center
}

/* .technology-banner a {
    position: absolute;
    bottom: 46px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    text-align: center;
    font-size: 0;
    animation: myfirst 2s infinite;
    margin-left: -20.5px;
    cursor: pointer
} */

.technology-banner a img {
    display: inline-block
}

@keyframes myfirst {
    0% {
        transform: translate(0px,0px)
    }

    50% {
        transform: translate(0px,-20px)
    }

    100% {
        transform: translate(0px,0px)
    }
}

.new-technology-piece3 {
    width: 100%;
    height: 1199px;
    position: relative
}

.new-technology-piece3 .float-piece {
    width: 1134px;
    margin: 120px auto 0;
    text-align: right;
    font-size: 0
}

.new-technology-piece6 .float-piece {
    margin-top: 185px;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

.new-technology-piece3 .float-piece .float-content-box {
    display: inline-block;
    text-align: left;
    width: 505px
}

.new-technology-piece3 .float-piece .float-content-box h2 {
    font-size: 64px;
    color: #010101;
    letter-spacing: 2px;
    margin-bottom: 25px;
    text-indent: -10px
}

.new-technology-piece4 .float-piece .float-content-box h2,.new-technology-piece5 .float-piece .float-content-box h2,.new-technology-piece6 .float-piece .float-content-box h2 {
    text-indent: -2px
}

.new-technology-piece3 .float-piece .float-content-box .content-box p {
    font-size: 16px;
    line-height: 26px;
    color: rgba(0,0,0,.8);
    text-align: justify;
    letter-spacing: 1px
}

.new-technology-piece3 .float-piece .float-content-box .content-box.pull-height {
    height: auto
}

.new-technology-piece3 .float-piece .float-content-box .slide-more {
    display: block;
    margin: 40px auto 0;
    width: 19px;
    height: 19px;
    background-size: 100% 100%;
    background: url(../images/technology-more.png) no-repeat
}

.new-technology-piece4 {
    height: auto!important;
    overflow: hidden
}

.new-technology-piece4 .float-piece,.new-technology-piece5 .float-piece,.new-technology-piece6 .float-piece {
    width: 1492px
}

.new-technology-piece4 .float-piece .float-content-box,.new-technology-piece6 .float-piece .float-content-box {
    width: 535px
}

.new-technology-piece4 .float-piece .float-content-box h2,.new-technology-piece4 .float-piece .float-content-box .content-box p,.new-technology-piece6 .float-piece .float-content-box h2,.new-technology-piece6 .float-piece .float-content-box .content-box p {
    color: #fff
}

.new-technology-piece4 .float-piece .float-content-box .slide-more {
    background-size: 100% 100%;
    background: url(../images/technology-more2.png) no-repeat
}

.new-technology-piece3 .float-piece .float-content-box .dl-piece {
    font-size: 0;
    text-align: center;
    margin-top: 50px
}

.new-technology-piece3 .float-piece .float-content-box .dl-piece dl {
    display: inline-block;
    text-align: center
}

.new-technology-piece3 .float-piece .float-content-box .dl-piece dl dt {
    width: 94px;
    height: 94px;
    font-size: 0;
    margin: auto
}

.new-technology-piece3 .float-piece .float-content-box .dl-piece dl dt img {
    transition: 1s
}

.new-technology-piece3 .float-piece .float-content-box .dl-piece dl:hover dt img {
    transform: rotateY(180deg)
}

.new-technology-piece3 .float-piece .float-content-box .dl-piece dl:nth-child(2) {
    margin: 0 89.5px 0 101px
}

.new-technology-piece6 .float-piece .float-content-box .dl-piece dl:nth-child(2) {
    margin: 0 111px
}

.new-technology-piece3 .float-piece .float-content-box .dl-piece dl dd {
    font-size: 22px;
    color: #fff;
    margin-top: 25px;
    letter-spacing: 1px;
    text-indent: 1px;
    text-align: center
}

.new-technology-piece4 .float-piece {
    margin-top: 125px;
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

.new-technology-piece5 {
    background: url(../images/new-technology-piece5-background.jpg) no-repeat 35% 419px;
    background-size: 1443px 691px;
    height: auto!important;
    background: 0
}

.new-technology-piece3 .float-piece .float-content-box {
    width: 510px
}

.new-technology-piece4 .float-piece .float-content-box {
    width: 510px
}

.new-technology-piece5 .float-piece .float-content-box {
    width: 510px
}

.new-technology-piece6 .float-piece .float-content-box {
    width: 510px
}

.new-technology-piece5 .float-piece .float-content-box h2 {
    color: #000
}

.new-technology-piece5 .new-technology-piece5-more {
    display: block;
    width: 170px;
    height: 46px;
    line-height: 44px;
    text-align: left;
    font-size: 24px;
    border-radius: 46px;
    color: #595757;
    border: 1px solid #595757;
    background: url(../images/technology-piece5-img1.png) no-repeat 118px center;
    padding-left: 43px;
    margin-top: 27px;
    transition: .3s
}

.new-technology-piece5 .new-technology-piece5-more:hover {
    color: #fff;
    border-color: #5f238e;
    background: #5f238e url(../images/technology-piece5-img1-on.png) no-repeat 118px center
}

.new-technology-piece5 .float-piece {
    margin-top: 120px
}

.new-technology-piece6 {
    width: 100%;
    height: auto!important;
    position: relative;
    overflow: hidden;
    margin-top: 0!important
}

.new-technology-piece6 .float-piece .float-content-box .dl-piece {
    margin-top: 45px
}

#goToTop {
    position: fixed;
    right: 42px;
    bottom: 42px;
    background: url(../images/top.png) no-repeat;
    background-size: 31px 31px;
    width: 31px;
    height: 31px;
    z-index: 999;
    display: none
}

#goToTop a {
    width: 31px;
    height: 31px;
    display: block
}

.join-piece4-title.technology-piece3-title.clearfix {
    padding-top: 0!important
}

.about-piece5-content p:hover{

}

.about-piece5-content li:hover{

}

.join_search_form .row .visible-xs a,.join_search_form .row .visible-xs #mb-btn {
    cursor: pointer
}

.general-screen {
    height: auto;
    overflow: hidden
}

.general-screen .dl-piece1,.new-technology-piece6 .float-piece .float-content-box .slide-more,.general-screen .technology-img-sm {
    display: none
}

.general-screen.technology-banner {
    height: 1000px;
    width: 100%;
    position: relative;
    font-size: 0;
    background: url(../images/technology-banner.jpg) center bottom;
    background-size: cover;
    min-height: 600px
}

.about-swiper-slide .about-swiper-slide-box .float-box .float-box-content .pull-height,.about-piece4 .about-piece4-box .about-piece4-content .about-piece4-list .list-first .first-content .pull-height {
    height: auto
}

.about-swiper-slide .about-swiper-slide-box .float-box .float-box-content .slide-more,.about-piece4 .about-piece4-box .about-piece4-content .about-piece4-list .list-first .first-content .slide-more {
    display: none
}

#canvas {
    cursor: pointer!important;
    width: 141px!important;
    height: 59px!important;
    line-height: 59px!important;
    background: #fff!important;
    display: inline-block!important;
    vertical-align: middle!important;
    background-color: transparent!important;
    font-size: 20px!important;
    opacity: 1!important
}

#canvas span {
    font-size: 36px;
    vertical-align: middle;
    color: #fff!important
}

.news-body {
    overflow-x: hidden
}

.news-page li .prepage,.news-page li .nextpage {
    font-size: 0
}

.details-content-container {
    padding-top: 90px
}

.details-content-container,.details-content-container * {
    font-size: 16px!important;
    line-height: 32px!important;
    color: #000;
    text-align: justify;
    word-break: break-word;
    font-weight: normal!important;
    margin: 0!important
}

.alone {
    font-size: 26px!important;
    color: #57368a!important;
    font-weight: normal!important;
    line-height: 46px!important;
    display: block!important;
    margin-top: 40px!important;
    margin-bottom: 20px!important;
    font-weight: normal!important
}

.alone3 {
    margin-top: 40px!important;
    margin-bottom: 20px!important
}

.alone2 {
    margin-top: 0!important
}

.new-footer-piece {
    background: url(../images/footer-background.jpg) center;
    background-size: 100% auto
}

.new-piece3-list-box dl dd .content-box {
    margin-top: 8px
}

.first-details-content {
    margin-top: 0!important
}

.float-font {
    float: left;
    margin-right: 58px!important
}

.details-content-two {
    margin-top: 116px
}

.footer-piece {
    width: 100%;
    height: auto;
    background: url(../images/footer-back.jpg);
    background-size: 100% 100%;
    font-size: 0;
    text-align: center;
    margin-top: 0!important;
    padding: 48px 0
}

.footer-piece-box {
    width: 100%;
    margin: auto;
    font-size: 0;
    overflow: hidden;
    position: relative;
    padding: 0 55px
}

.footer-logo {
    position: absolute;
    left: 55px;
    top: 50%;
    transform: translateY(-50%)
}

.footer-piece a,.footer-piece .code-box {
    display: inline-block;
    vertical-align: middle
}

.footer-piece .code-box {
    margin-left: 60px
}

.footer-piece .code-box dt {
    width: 108px;
    height: 108px;
    margin: auto
}

.footer-piece .code-box dd {
    margin-top: 10px;
    letter-spacing: 1px
}

.footer-piece .code-box dd span {
    font-size: 14px;
    color: #fff
}

.new-technology-piece6 .float-piece .float-content-box .content-box.pull-height {
    height: auto!important
}

.first-technology-piece3 .float-piece .float-content-box .content-box p,.new-technology-piece5 .float-piece .float-content-box .content-box p {
    color: #000
}

.shaft {
    width: 210px
}

#boxscroll-piece {
    padding-bottom: 0;
    font-size: 0;
    text-align: center
}

.innovation-banner {
    background: url(../images/innovation-banner.jpg) no-repeat center bottom;
    background-size: cover;
    min-height: 600px;
    background-position-y: 0!important
}

.innovation-banner,.innovation-piece3 {
    position: relative;
    height: auto;
    font-size: 0
}

.innovation-banner-float {
    position: absolute;
    top: 37%;
    left: 0;
    width: 100%;
    text-align: right;
    padding-right: 95px
}

.innovation-banner-float h2 {
    font-size: 72px;
    color: #000;
    letter-spacing: 5px
}

.innovation-banner-float h3 {
    font-size: 76px;
    color: #fff;
    margin-top: 42px;
    letter-spacing: 3px
}

.innovation-piece3-float {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 1500px
}

.innovation-piece3-piece1,.innovation-piece3-piece2,.innovation-piece3-piece3,.innovation-piece4 {
    font-size: 0
}

.innovation-piece3-piece1 h2,.innovation-piece3-piece1 p,.innovation-piece3-piece2 h2,.innovation-piece3-piece2 p {
    display: block;
    vertical-align: middle;
    color: #fff
}

.innovation-piece3-piece1 h2,.innovation-piece3-piece2 h2 {
    width: 345px
}

.innovation-piece3-piece1 p,.innovation-piece3-piece2 p {
    width: 1110px;
    font-size: 24px;
    line-height: 50px;
    letter-spacing: 1px;
    text-align: justify;
    margin-top: 0!important
}

.innovation-piece3-piece1 h2 {
    font-size: 62px;
    letter-spacing: 3px
}

.innovation-piece3-piece2 h2 {
    font-size: 44px;
    letter-spacing: 3px
}

.innovation-piece3-piece1 {
    padding-bottom: 117px
}

.innovation-piece3-piece2 {
    margin-top: 78px
}

.innovation-piece3-piece3 {
    margin-top: 92px;
    text-align: center
}

.innovation-piece3-piece3 li {
    width: 285px;
    height: 207px;
    line-height: 203px;
    border: 2px solid #fff;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 0
}

.innovation-piece3-piece3 li:nth-child(2) {
    margin: 0 0 0 212px
}

.innovation-piece3-piece3 li div {
    display: inline-block;
    vertical-align: middle
}

.innovation-piece3-piece3 li div h3,.innovation-piece3-piece3 li div p {
    color: #fff;
    text-align: center
}

.innovation-piece3-piece3 li div h3 {
    font-size: 24px;
    padding-bottom: 24px;
    position: relative;
    margin-bottom: 28px;
    letter-spacing: 1px
}

.innovation-piece3-piece3 li div h3:after {
    content: "";
    width: 40px;
    height: 1px;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -20px;
    background: #fff
}

.innovation-piece3-piece3 li div p {
    font-size: 20px;
    letter-spacing: 1px
}

.innovation-piece3-piece3 li div p:last-child {
    margin-top: 15px
}

.innovation-piece4 {
    text-align: center;
    width: 1500px;
    margin: 220px auto 0
}

.innovation-piece4 h2 {
    color: #010101;
    margin-bottom: 20px;
    letter-spacing: 1px;
    font-size: 0;
    text-align: left
}

.innovation-piece4 h2 span {
    display: inline-block;
    vertical-align: middle;
    font-size: 62px;
    color: #010101
}

.innovation-piece4-content {
    font-size: 0;
    text-align: left
}

.innovation-piece4-content div {
    margin-top: 60px;
    display: inline-block;
    vertical-align: middle
}

.innovation-piece4-content div h3 {
    font-size: 34px;
    color: #010101;
    margin-bottom: 20px;
    padding-left: 0;
    letter-spacing: 1px;
    position: relative;
    padding-left: 20px;
    border-left: 1px solid #402a80;
    text-align: left
}

.innovation-piece4-content div ul {
    font-size: 0;
    text-align: center
}

.innovation-piece4-content div ul li {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 30px;
    margin-left: 60px
}

.innovation-piece4-content div ul li:first-child {
    margin-left: 0
}

.float-pdf {
    width: 76px;
    height: 76px;
    border-radius: 100%;
    background: #6e5aa5;
    text-align: center;
    position: fixed;
    right: 42px;
    bottom: 140px;
    z-index: 9;
    cursor: pointer
}

.innovation-two-piece .innovation-piece4-pievce2 {
    margin-left: 60px
}

.float-pdf dt {
    margin-top: 14px
}

.float-pdf dt img {
    width: 23px
}

.float-pdf dd {
    font-size: 12px;
    color: #fff;
    margin-top: 8px;
    letter-spacing: 1px
}

#pdfContainer {
    height: 700px;
    width: 700px
}

.modal-dialog {
    width: 700px!important
}

.modal-content {
    border-radius: 0;
    border: 0
}

#pdf_Modal {
    top: 50%;
    transform: translateY(-50%);
    height: 600px;
    overflow: hidden
}

.first-technology-piece3 {
    background: url(../images/new-technology-piece3-background.jpg) center bottom!important;
    background-size: cover!important;
    background-position: 0!important;
    background-position-y: 0!important;
    background-repeat: no-repeat!important;
    margin-top: 0;
    background: none!important
}

.first-technology-piece3 .float-piece {
    position: absolute;
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

.new-technology-piece5-car {
    margin: 65px 0 80px;
    display: block;
    margin-left: -30px;
    margin: 65px 0 80px;
    display: block;
    margin-left: -30px;
    position: relative;
    z-index: -1;
    margin-top: -150px;
    max-width: 1351px
}

.about-piece3-content .hd {
    position: absolute;
    left: 50%;
    bottom: 127px;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    z-index: 999999
}

.about-piece3-content .hd ul {
    font-size: 0;
    text-align: center
}

.about-piece3-content .hd ul li {
    font-size: 22px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    width: 186px;
    height: 54px;
    line-height: 52px;
    border-bottom: 1px solid #cec6df;
	border-top: 1px solid #cec6df;
    text-align: center;
    border-radius: 0;
    letter-spacing: 2px;
    text-indent: 2px;
    margin: 0 46px 0 0;
    cursor: default;
}

.about-piece4-swiper-pagination-piece {
    position: absolute;
    bottom: 126px;
    width: 100%
}

.swiper-container-horizontal>.about-piece4-swiper-pagination {
    width: 100%;
    bottom: 126px
}

.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 100;
    display: none!important;
    top: 0;
    left: 0;
    background: rgba(56,56,56,0.5)
}

.reveal-modal {
    visibility: hidden;
    top: 50%!important;
    left: 50%;
    width: 890px;
    min-height: 420px;
    position: fixed;
    z-index: 999999999999999999999;
    background-color: #3c0f72;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.reveal-modal .close-reveal-modal {
    background: url(../images/close.png) no-repeat center;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 11px;
    right: 11px
}

.reveal-modal .close-reveal-modal:hover {
    cursor: pointer
}

.about-body {
    overflow-x: hidden
}

.about-piece3-swiper-container,.about-piece4-swiper-container {
    overflow: hidden
}

.float-mask {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -9;
    background: rgba(89,60,136,0.6);
    opacity: 0;
    transition: .3s
}

.about-piece3-swiper-container .swiper-wrapper,.about-piece4-swiper-container .swiper-wrapper {
    z-index: 999;
    position: static!important
}

.myModal-left,.myModal-right {
    display: inline-block;
    vertical-align: middle
}

.reveal-modal {
    font-size: 0;
    box-sizing: content-box;
    padding: 35px 15px
}

.myModal-left {
    width: 209px
}

.myModal-right {
    width: 573px;
    padding-left: 40px;
    box-sizing: border-box
}

.myModal-piece {
    font-size: 0;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%
}

.myModal-left-degree,.myModal-right-introduce,.myModal-right h3 {
    color: #fff;
    letter-spacing: 2px
}

.myModal-left-degree {
    line-height: 24px;
    font-size: 16px;
    color: #c5acd2;
    text-align: left;
    margin-top: 24px
}

.myModal-left-degree ol li {
    line-height: 24px;
    font-size: 16px;
    color: #c5acd2;
    text-align: left;
    border-left: 1px solid #c5acd2;
    margin: 10px 0;
    padding-left: 10px
}

.myModal-right h3 {
    font-size: 20px;
    line-height: 28px;
    text-align: left
}

.myModal-right-introduce {
    font-size: 16px;
    line-height: 34px;
    margin-top: 11px;
    text-align: justify
}

.myModal-right-introduce ol li {
    color: #fff;
    font-size: 16px;
    line-height: 34px
}

.news-float-box {
    padding: 0 190px;
    background: url(../images/news-float-back.png) no-repeat center;
    position: absolute;
    left: 0;
    bottom: 90px;
    width: 100%;
    z-index: 99;
    background-size: cover;
    height: 129px;
    line-height: 129px;
    font-size: 0
}

.news-float-box p {
    display: inline-block;
    line-height: 52px;
    font-size: 42px;
    color: #fff;
    vertical-align: middle
}

.news-swiper-button-next {
    right: 50px
}

.news-swiper-button-prev {
    left: 50px
}

.footer-contact {
    font-size: 0;
    text-align: center;
    margin-top: 155px;
    margin: 155px auto 30px;
    text-align: left;
    width: 1500px
}

.footer-contact span,.footer-contact a {
    display: inline-block;
    vertical-align: middle;
    font-size: 32px;
    color: #010101
}

.footer-contact a {
    margin-left: 60px
}

.innovation-footer-piece {
    margin-top: 46px
}

.innovation-piece4-content .innovation-two-piece {
    font-size: 0;
    margin-top: 0
}

.innovation-two-piece div {
    display: inline-block;
    vertical-align: middle
}

.new-technology-piece7 .float-piece {
    margin-top: 0;
    top: 50%;
    transform: translate(-50%,-50%)
}

.content-text-spacing {
    height: 40px
}

.details-content-container pre {
   background: none !important;
    background-size: 9px 16px;
    display: inline-block!important;
    border: none!important;
    line-height: 22px!important;
    font-size: 16px!important;
    color: #707070!important;
    /* height: 18px!important; */
    padding-left: 0 !important;
    max-width: 1000px;
    margin: 0 auto!important;
    position: relative!important;
    left: 50%!important;
    transform: translateX(-50%)!important;
    margin-top: 20px!important;
    overflow: hidden!important;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word
}

.details-content-container h2 {
    display: block!important;
    text-align: left!important;
    font-size: 26px!important;
    line-height: 36px!important;
    color: #57368a!important;
    margin-top: 40px!important;
    margin-bottom: 20px!important
}

#pdf_Modal {
    z-index: 99999999999999999
}

.new-piece3-list-box dl dt img,.new-piece3-list-box dl dd .content-box h3 a b {
    color: #fff!important
}

.about-piece3-content .hd ul li.on {
    color: #5f238e;
    background: #fff;
    border-color: #fff
}

.about-swiper-button-prev4,.about-swiper-button-next4,.about-swiper-button-prev3,.about-swiper-button-next3 {
    z-index: 999999999;
    top: 222px!important;
    transform: none
}

.about-swiper-button-next4,.about-swiper-button-next3 {
    right: 60px;
    opacity: 1!important
}

.about-swiper-button-prev4,.about-swiper-button-prev3 {
    left: 60px;
    opacity: 1!important
}

.about-swiper-button-next4.swiper-button-disabled,.about-swiper-button-prev4.swiper-button-disabled,.about-swiper-button-next3.swiper-button-disabled,.about-swiper-button-prev3.swiper-button-disabled {
    pointer-events: inherit!important
}

.about-piece3-content .about-piece3-swiper-container-hd,.about-piece4-swiper-container .about-piece4-swiper-container-hd {
    position: static;
    transform: none;
    margin: 20px auto 66px;
    left: inherit
}

.about-piece3-box {
    width: 1430px;
    width: 100%;
    padding: 0 40px
}

.technology-head-nav {
    background: #272727;
   
    transition: .4s
}

.technology-head-nav #example-navbar-collapse .nav li a {
    color: #fff;
}

.about-piece4-list.active0 .list-first .first-content,.about-piece4-list.active2 .list-first .first-content {
    padding-left: 56px
}

.about-piece4-list.active1 .list-first .first-content {
    padding-right: 56px
}

.new-piece2-container .news-piece2 {
    background: url(../images/news-piece2.png) center bottom no-repeat;
    background-size: cover;
    min-height: 600px
}

.mission-piece {
    width: 1110px
}

.mission-piece h2 {
    font-size: 44px;
    color: #fff;
    letter-spacing: 3px;
    padding-left: 22px;
    border-left: 1px solid #fff
}

.mission-piece-content {
    font-size: 0;
    margin-top: 60px
}

.mission-piece-content dl {
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: 76px
}

.mission-piece-content dl:last-child {
    margin-right: 0
}

.mission-piece-content dl dt,.mission-piece-content dl dd {
    display: inline-block;
    vertical-align: middle
}

.mission-piece-content dl dt {
    padding-right: 36px
}

.mission-piece-content dl dd {
    padding: 5px 0 5px 36px;
    border-left: 1px solid #fff
}

.mission-piece-content dl dd h3 {
    font-size: 24px;
    color: #fff;
    letter-spacing: 1px;
    margin-bottom: 28px
}

.mission-piece-content dl dd p {
    font-size: 20px;
    color: #fff;
    letter-spacing: 1px;
    margin-top: 18px
}

.mission-piece p {
    font-size: 24px;
    color: #fff;
    letter-spacing: 1px;
    margin-top: 66px
}

.footer-logo {
    float: left
}

.footer-piece-box-right {
    float: right;
    width: 1200px;
    font-size: 0;
    text-align: right
}

.footer-piece-box-right-left,.code-box {
    display: inline-block;
    vertical-align: middle
}

.footer-nav {
    font-size: 0;
    text-align: right
}

.footer-nav li {
    display: inline-block;
    vertical-align: middle;
    margin-left: 99px
}

.footer-nav li:first-child {
    margin-left: 0
}

.footer-nav li a {
    display: block;
    font-size: 18px;
    color: #fff;
    letter-spacing: 2px
}

.footer-piece-contact ul {
    font-size: 0;
    text-align: left
}

.footer-piece-contact ul li {
    font-size: 0;
    display: inline-block;
    vertical-align: middle;
    display: block
}

.footer-piece-contact ul li span,.footer-piece-contact ul li a {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 14px !important;
    letter-spacing: 2px;
    line-height: 22px
}

.footer-piece-contact ul li span:first-child {
    margin-right: 5px
}

.footer-piece-contact ul li:first-child {
    margin-right: 0
}

.footer-piece-contact ul li:nth-child(2) {
    margin: 7px 0
}

.footer-piece-contact {
    margin-top: 35px
}

.footer-nav li a {
    padding-bottom: 9px;
    border-bottom: 1px solid transparent
}

.footer-nav .active a,.footer-nav li a:hover {
    border-bottom: 1px solid #fff
}

.shift {
    opacity: 0;
    z-index: -1;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.switch .language-icon,.switch .chinese {
    display: inline-block;
    vertical-align: middle
}

.switch .chinese {
    font-size: 16px;
    color: #fff;
    margin-right: 20px;
    transition: .3s;
    letter-spacing: 1px
}

.technology-head-nav .switch .chinese {
    color: #fff;
    letter-spacing: 1px
}

.join_search_form .row .shanghai-input {
    background-image: none
}

.join_search_form .row .shanghai-input input {
    margin: 0;
    border: 0;
    height: 59px;
    line-height: 59px;
    padding: 0 70px 0 30px
}

.join_search_form .row .shanghai-input:after {
    display: none
}

.earth {
    margin-right: 20px;
    display: inline-block;
    vertical-align: middle
}

.footer-contact .footer-contact-email {
    margin-left: 0
}

.address .contact-footer-email-box {
    display: block;
    padding: 0
}

.about-piece3-swiper-container-hd2,.about-piece4-swiper-container-hd2 {
    display: none
}

.mobile-arrow {
    display: none
}

.innovation-banner h2 {
    text-align: center;
    font-size: 72px;
    color: #000;
    margin-bottom: 36px;
    letter-spacing: 10px;
    text-indent: 10px
}

.innovation-banner ul {
    font-size: 0;
    text-align: center;
    width: 1520px;
    margin: auto
}

.innovation-banner ul li {
    display: inline-block;
    vertical-align: middle;
    width: 253px;
    text-align: center;
    margin-top: 80px
}

.innovation-banner-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-48%)
}

.first-technology-piece3 .float-piece .float-content-box h2,.first-technology-piece3 .float-piece .float-content-box .content-box p {
    color: #fff
}

.new-technology-piece5-class-piece {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 1520px;
    font-size: 0;
    transform: translate(-50%,-50%)
}

.new-technology-piece5-class {
    width: 880px;
	text-align: center !important;
}

.new-technology-piece5-class li {
    display: inline-block;
    vertical-align: middle;
    width: 176px;
    text-align: center;
    margin: 50px 0;
    font-size: 0;
	padding: 0 10px;
}

.new-technology-piece5-class li span {
    display: inline-block
}

.first-technology-piece3 {
    background: #43156d url(../images/new-technology-piece3-background.jpg) left bottom no-repeat!important;
    font-size: 0;
    background-size: 80%!important
}

.class-box5 {
    display: none
}

.technology-mobile-banner {
    display: none;
    text-align: center;
    font-size: 0;
    width: 100%;
    height: 5.39rem;
    overflow: hidden
}

.technology-mobile-banner img {
    display: block;
    width: 7.67rem;
    height: 5.39rem;
    border: 0;
    transition: .2s;
    opacity: 0
}

.amap-marker-label {
    box-shadow: 0 1px 2px rgba(0,0,0,0.3)!important;
    border: none!important;
    border-radius: 2px!important;
    padding: 10px;
    white-space: normal;
    width: 300px
}

.amap-marker-label .info {
    font-size: 14px;
    line-height: 22px;
    color: #000
}

.amap-marker-label .info:first-child {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 5px
}

.amap-info-close {
    font-size: 14px!important
}

.details-content-container img {
    height: auto!important
}

.swiper-button-disabled {
    display: none!important
}

.js_tx_video_container,.js_tx_video_container iframe {
    width: 100%!important;
    height: auto!important;
    min-height: 400px
}

.about-piece4-swiper-container dl dt img {
    cursor: default
}

.about-piece3-swiper-container-hd,.about-piece4-swiper-container-hd {
    font-size: 0;
    text-align: center
}

.about-piece3-swiper-container-hd ul,.about-piece3-swiper-container-hd p,.about-piece4-swiper-container-hd ul,.about-piece4-swiper-container-hd p {
    display: inline-block;
    vertical-align: middle
}

.about-piece3-swiper-container-hd p,.about-piece4-swiper-container-hd p {
    font-size: 18px;
    line-height: 30px;
    color: #000;
    max-width: 502px;
    text-align: justify
}
.about-piece4-swiper-background {
	font-size: 0;
	margin: auto;
}
.about-piece4-swiper-background img {
	height: auto;
}
/*  */
.new-piece2-container .new-piece3 {
	margin-top: 0 !important;
	overflow: hidden;
	background:#f1f1f1;
}
.new-piece2-container .new-piece3 .join-piece2-serach-box .join-piece2-serach {
	position: relative !important;
	transform: none !important;
	left: initial !important;
	bottom: initial !important;
	top: initial !important;
	right: initial !important;
}
.join-piece2-serach-box {
	margin: 88px auto 112px;
	width: 1520px;
}
.join-piece2-serach-box h2 {
	font-size: 62px;
	color: #000;
	font-weight: normal;
	border-left: 2px solid #000;
	padding-left: 20px;
	letter-spacing: 5px;
	margin-bottom: 100px;
}
.join-piece2-serach .search-box {
	width: 1520px;
}
.news-piece-container {
	    margin-top: 100px;
}
.news-swiper-container .swiper-wrapper .swiper-slide a {
	font-size: 0;
	display: block;
	position: relative;
}
.news-swiper-container .swiper-wrapper .swiper-slide a p {
	position: absolute;
	left: 0;
	bottom: 90px;
	width: 100%;
	line-height: 130px;
	background: url(../images/news-background.png) no-repeat center;
	background-size: cover;
	font-size: 50px;
	color: #fff;
	padding: 0 190px;
	box-sizing: border-box;
	letter-spacing: 5px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.news-swiper-container .swiper-pagination {
	text-align: right;
	padding-right: 58px;
	bottom: 24px;
}
.news-swiper-container .swiper-pagination .swiper-pagination-bullet {
	width: 30px;
	height: 6px;
	margin: 0 12px;
	border-radius: initial;
	background: #9e9e9e;
	opacity: 1;
}
.news-swiper-container .swiper-pagination .swiper-pagination-bullet-active {
	background: #fff;
}
.innovation-piece3-float {
	width: 1484px;
	top: 0;
	transform: translateX(-50%);
	padding-top: 180px;
	padding-bottom: 174px !important;
}
.mission_newtit {
	bottom: 50px !important;
}
.innovation-swiper-box {
	margin-top: 117px;
	position: relative;
}
.innovation-swiper-box h2 {
	font-size: 44px;
    color: #fff;
    letter-spacing: 3px;
    padding-left: 22px;
    border-left: 1px solid #fff;
	margin-bottom: 60px;
}
.innovation-swiper-container .swiper-wrapper .swiper-slide {
	padding-bottom: 68px;
}
.innovation-swiper-container .swiper-wrapper .swiper-slide a {
	display: block;
	font-size: 0;
	overflow: hidden;
}
.innovation-swiper-container .swiper-wrapper .swiper-slide p {
	font-size: 34px;
	color: #fff;
	text-align: center;
	/* overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; */
	letter-spacing: 5px;
	margin-top: 25px;
	line-height: 50px;
}
.innovation-swiper-container .swiper-pagination-clickable {
	bottom: 0;
}
.innovation-swiper-container .swiper-pagination-clickable .swiper-pagination-bullet {
	width: 54px;
	height: 4px;
	margin: 0 22px;
	background: #9e9e9e;
	border-radius: 0;
	opacity: 1;
}
.innovation-swiper-container .swiper-pagination-clickable .swiper-pagination-bullet-active {
	background: #fff;
}
.mission_newtit, .mission_newtit * {
	font-size: 24px;
	letter-spacing: 2px;
}
.innovation-piece3 {
	height: 1828px;
	background: url(../images/innovation-img15.jpg) no-repeat center;
	background-size: cover;
}
.innovation-news-float {
	position: absolute;
    top: 480px;
    right: 8px;
    max-width: 374px;
}
.news-swiper-container .swiper-button-prev,
.news-swiper-container .swiper-button-next {
	width: 75px;
	height: 119px;
	background: url(../images/increase-left-arrow.png) no-repeat center;
	background-size: 100% 100% !important;
	left: 10px;
	top: initial;
	transform: none;
	margin: 0;
	opacity: .6;
	bottom: 95.5px;
}
.news-swiper-container .swiper-button-prev:hover,
.news-swiper-container .swiper-button-next:hover {
	opacity: 1;
}
.news-swiper-container .swiper-button-next {
	background: url(../images/increase-right-arrow.png) no-repeat center;
	background-size: 100% 100% !important;
	left: initial;
	right: 10px;
}
.innovation-swiper-box .swiper-button-white {
	background: url(../images/increase-left-arrow2.png) no-repeat center;
	background-size: 100% 100% !important;
	width: 48px;
	height: 96px;
	left: -98px;
	margin-top: 0 !important;
}
.innovation-swiper-box .swiper-button-next {
	background: url(../images/increase-right-arrow2.png) no-repeat center;
	left: initial;
	right: -98px;
}
.record-piece {
	margin-top: 11px;
}
.record-piece span a {
	vertical-align: baseline !important;
}
.footer-Copyright {
	font-size: 14px;
	color: #fff;
	text-align: left;
	float: left;
	width: 100%;
	line-height: 22px;
	letter-spacing: 1px;
	margin-top: 7px;
}
.footer-piece .footer-piece-box .footer-logo {
	position: absolute;
	left: 0;
	bottom: 40px;
	top: initial;
	transform: none;
	margin-left: 55px;
}
.footer-piece .footer-piece-box .footer-Copyright {
	position: absolute;
	left: 0;
	bottom: 0;
	margin-left: 55px;
	width: 290px;
	text-align: center;
}
@media all and (max-width: 1838px) {
    .navbar .container-fluid {
        width:100%
    }

    .news-piece3 {
        width: 1490px;
        margin: auto
    }

    .news-piece3-box {
        width: 100%
    }

    .news-piece3-other {
        background: url(../images/news-img10.png) no-repeat center;
        height: 122px
    }

    .language {
        right: 18.5px
    }

    .new-details-banner {
        padding: 0 45px
    }
}

@media all and (max-width: 1680px) {
	.innovation-swiper-box .swiper-button-white {
		width: 43px;
		height: 86px;
	}
	.innovation-swiper-box .swiper-button-white {
		left: -73px;
	}
	.innovation-swiper-box .swiper-button-next {
		right: -73px;
		left: initial;
	}
	.innovation-piece3-float {
		width: 1384px;
	}
	.news-swiper-container .swiper-button-prev,
	.news-swiper-container .swiper-button-next {
		width: 68px;
		height: 108px;
		bottom: 96px;
	}
    .first-technology-piece3 .float-piece .float-content-box {
        width:510px
    }

    .first-technology-piece3 .float-piece {
        margin-top: 135px
    }
	/*  */
	.news-swiper-container .swiper-wrapper .swiper-slide a p {
		font-size: 46px;
		line-height: 120px;
		padding: 0 170px;
	}
	.join-piece2-serach-box h2 {
		font-size: 58px;
	}
}

@media all and (max-width: 1590px) {
	.footer-piece .footer-piece-box .footer-logo,
	.footer-piece .footer-piece-box .footer-Copyright {
		margin-left: 45px;
	}
    .innovation-piece3-float,.innovation-piece4,.footer-contact,.footer-piece-box {
        width:100%;
        padding: 0 45px
    }

    .innovation-piece4-content div ul li,.innovation-two-piece .innovation-piece4-pievce2 {
        margin-left: 37px
    }
	/*  */
	.innovation-piece3-float {
		padding: 160px 45px 0;
	}
	.innovation-piece3-float {
		width: 1334px;
	}
}

@media all and (max-width: 1582px) {
    .new-technology-piece5-car {
        max-width:1231px
    }

    .new-technology-piece4 .float-piece,.new-technology-piece5 .float-piece,.new-technology-piece6 .float-piece,.first-technology-piece3 .float-piece {
        padding: 0 45px
    }
}

@media all and (max-width: 1550px) {
    .new-piece3-list-box dl {
        width:1110px
    }

    .new-piece3-list-box dl dt {
        width: 650px;
        height: 299px;
        line-height: 299px
    }

    .new-piece3-list-box dl .fr {
        width: 460px
    }

    .new-piece3-list-box dl dd {
        height: 299px;
        line-height: 299px
    }

    .new-piece3-list-box dl dd .content-box {
        width: 400px;
        margin-left: 60px
    }

    .new-piece3-list-box dl dd .content-box h3 {
        margin-top: 20px
    }

    .join-piece2 {
        height: auto
    }

    .join-piece2-float-box {
        margin: auto
    }

    .join-piece2-serach {
        bottom: 200px
    }

    .join-piece2-float {
        margin-top: 200px;
        padding-left: 0
    }

    .join-piece2 .news-en-title {
        font-size: 95px;
        height: 95px
    }

    .join-piece2 .news-cn-title {
        font-size: 98px;
        margin-top: -12px;
        margin-left: 24px
    }

    .new-piece3-list-box dl .top-line:after {
        left: 720px
    }

    .new-piece3-list-box:nth-child(3) dl .top-line:after {
        left: 615px
    }

    .new-piece3-list-box:nth-child(5) dl .top-line:after {
        left: 950px
    }
	
	.join-piece2-serach-box,
	.join-piece2-serach .search-box {
		width: 1100px;
	}
}

@media all and (max-width: 1520px) {
	.news-swiper-container .swiper-button-prev,
	.news-swiper-container .swiper-button-next {
		width: 63px;
		height: 100px;
		bottom: 95px;
	}
	.innovation-piece3-float {
		padding-bottom: 154px !important;
	}
    .innovation-piece3-float {
        padding:0 45px
    }

    .new-technology-piece5-class-piece {
        width: 1440px
    }

    .new-technology-piece5-class {
        width: 800px
    }

    .new-technology-piece5-class li {
        width: 160px
    }

    .innovation-banner h2 {
        font-size: 62px
    }

    .innovation-banner ul li {
        margin-top: 70px;
        width: 240px
    }

    .innovation-banner ul {
        width: 1440px
    }

    .about-swiper-button-prev4,.about-swiper-button-next4,.about-swiper-button-prev3,.about-swiper-button-next3 {
        top: 212px!important
    }

    .innovation-banner-float {
        padding-right: 95px
    }

    .innovation-banner {
        background-position-y: 0
    }

    .innovation-piece3-float,.innovation-piece4,.footer-contact,.footer-piece-box {
        width: 100%
    }

    .innovation-piece3-piece1 {
        padding-bottom: 97px
    }

    .mission-piece p {
        margin-top: 56px
    }

    .innovation-piece4-content div ul li img {
        width: 300px
    }

    .innovation-piece4-content div ul li,.innovation-two-piece .innovation-piece4-pievce2 {
        margin-left: 49px
    }

    .join-piece2-content ul li {
        margin-bottom: 0;
        margin-top: 75px!important
    }

    .join-piece2-content ul li a {
        width: 226px;
        height: 60px;
        border-radius: 60px;
        font-size: 30px;
        letter-spacing: 15px;
        background-size: 22px 22px
    }

    .join-piece2-content ul li:first-child {
        margin-right: 72px
    }

    .swiper-container-horizontal>.about-piece4-swiper-pagination {
        bottom: 106px
    }

    .new-technology-piece5-car {
        margin: 45px 0 80px
    }

    .new-technology-piece7 .float-piece {
        margin-top: 0
    }

    .swiper-container-horizontal>.about-piece3-swiper-pagination,.about-piece4-swiper-pagination-piece {
        width: 100%
    }

    .innovation-piece3-piece1 h2 {
        font-size: 58px
    }

    .innovation-piece4 h2 span {
        font-size: 58px
    }

    .float-content div.fl {
        max-width: 100%;
        padding-left: 0
    }

    .float-content img.fl {
        float: none
    }

    .details-intro-h4 {
        display: none
    }

    .details-intro-h4.details-intro-h4-two {
        display: block;
        margin-top: 20px!important;
        margin-bottom: 20px!important
    }

    .navbar .container-fluid {
        width: 100%
    }

    .general-piece {
        width: 1170px
    }

    .switch {
        margin-left: 106px
    }

    .technology-swiper-slide .float-box {
        top: 90px;
     
    }

    .technology-swiper-slide .float-box h2 {
        font-size: 60px
    }

    .technology-piece3-title h2 {
        padding-left: 100px;
        margin-top: 32px
    }

    .about-piece3-title.technology-piece3-title h2 {
        padding-left: 0
    }

    .technology-piece3-title span,.technology-piece3-content-right span {
        font-size: 100px;
        width: 622px
    }

    .technology-piece3-content-left {
        width: 480px
    }

    .technology-piece3-content-right img {
        max-width: 622px
    }

    .technology-piece3,.technology-piece5 {
        margin-top: 125px
    }

    .technology-piece4-title h2 {
        margin-top: 232px
    }

    .technology-piece4-content-left {
        width: 600px
    }

    .technology-piece4-content-right {
        width: 520px
    }

    .technology-piece4-content-left dl:nth-child(2) {
        margin: 0 97px
    }

    .technology-piece5-title h2 {
        margin-top: 132px
    }

    .technology-piece5 {
        background: url(../images/technology-img12.png) no-repeat right -100px bottom 406px
    }

    .technology-piece6 {
        margin-top: 152px;
        height: 1000px;
        line-height: 1000px
    }

    .technology-piece6-content,.technology-piece6-title {
        width: 550px
    }

    .technology-piece6 .float-img {
        top: inherit;
        bottom: 85px
    }

    .technology-piece6-content .second {
        margin: 50px 72px 0
    }

    .technology-piece6-title h2 {
        margin-top: 46px
    }

    .about-swiper-slide .float-box {
        top: 50px;
        height: 100%;
    }

    .about-swiper-slide .float-box .float-box-content h2 {
        margin-top: 0;
        font-size: 80px
    }

    .about-swiper-slide .float-box .float-box-content p:last-child {
        margin: 0
    }

    .about-swiper-slide img {
        height: 741px
    }

    .about-piece3-title h2 {
        margin-top: 0;
        padding-bottom: 0
    }

    .about-piece3-title {
        padding-top: 135px
    }

    .about-piece3-title span {
        padding-bottom: 24px
    }

    .about-piece3-content dl dt {
        width: 250px;
        margin: auto
    }

    .about-piece3-swiper-container {
        margin-top: 115px;
        overflow: hidden
    }

    .about-piece4-swiper-container {
        padding-bottom: 160px;
        margin-top: 0
    }

    .about-piece3-swiper-container {
        padding-bottom: 110px
    }

    .about-piece4-content-list-box {
        width: 1170px;
        height: 988px;
        line-height: 988px
    }

    .about-piece4-content-list-box .first {
        width: 50%;
        padding: 45px 50px 0
    }

    .about-piece4-content-list-box .third {
        max-width: 1170px
    }

    .about-piece4-content-list-box .second img {
        max-width: 50%
    }

    .about-piece4-content-list-box-second .second {
        line-height: 526px
    }

    .about-piece4-content-list-box-third .first {
        left: 0;
        transform: translateX(0%)
    }

    .about-piece4-content-list-box-third .second {
        top: 0;
        bottom: inherit;
        right: 15px;
        width: 100%;
        padding-left: 0;
        text-align: center;
        line-height: 443px;
        text-align: right
    }

    .about-piece5-title h2 {
        margin-top: 0;
        padding: 0;
        margin-bottom: 70px
    }

    .join-piece2-title h2 {
        font-size: 86px
    }

    .join-piece4-title span {
        width: auto
    }

    .join-piece4-content span {
        width: 100%;
        font-size: 100px
    }

    .join-piece2-content ul:last-child li {
        margin-bottom: 0
    }

    .join-piece3-box {
        background: 0;
        padding-bottom: 100px;
        padding-left: 160px;
        padding-right: 160px
    }

    .join-piece3-box:after {
        display: none
    }

    .join-piece3 {
        margin-top: 90px;
        width: 100%
    }

    .join-piece3-title span {
        padding-left: 100px
    }

    .join-piece3-title h2 {
        width: 749px
    }

    .join-piece4 {
        height: 1424px;
        padding: 100px 0
    }

    .join-piece4-content span+ul {
        margin-top: 65px
    }

    .gallery-top-box .swiper-button-white {
        left: -80px
    }

    .gallery-top-box .swiper-button-next {
        left: inherit;
        right: -80px
    }

    .join-piece4 .join-piece4-box {
        width: 1080px
    }

    .news-piece3 {
        padding: 137px 0 87px;
        width: 1170px;
        margin: auto
    }

    .news-piece3-box {
        width: 100%
    }

    .news-piece3-list-box li {
        width: 1070px
    }

    .news-piece3-list-box li .left-img {
        width: 750px;
        min-height: 316px
    }

    .news-piece3-list-box li .right-content {
        width: 296px;
        height: 316px;
        padding: 62px 30px 30px
    }

    .news-piece3-list-box li .right-content a {
        bottom: 30px
    }

    .news-piece3-list-box li {
        margin-top: 30px
    }

    .news-piece3-list-box li:first-child {
        margin-top: 0
    }

    .news-piece3-list-box li:nth-child(odd):after,.news-piece3-list-box li:last-child:after {
        display: none
    }

    .news-piece3-list-box li .right-content p {
        margin-top: 30px
    }

    .news-piece3-list-box li .right-content p a {
        ext-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .new-technology-piece3.technology-piece3 .new-technology-piece3-title span img {
        width: 612px
    }

    .new-technology-piece3.technology-piece3 .new-technology-piece3-title h2 {
        margin-top: 26px
    }

    .new-technology-piece3 .technology-piece3-content-right span img {
        width: 330px
    }

    .new-technology-piece3.technology-piece5 .technology-piece5-title span img {
        width: 639px
    }

    .new-technology-piece3-title.technology-piece5-title {
        padding-bottom: 42px
    }

    .new-technology-piece3-title.technology-piece5-title h2 {
        margin-top: 126px
    }

    .join-piece2-float-box,.join-piece2-serach .search-box {
        width: 1350px;
        min-width: inherit
    }

    .join-piece2-float {
        margin-top: 200px
    }

    .join-piece2-float .en-title {
        font-size: 100px
    }

    .news-piece3-list-box li .left-img {
        height: 316px;
        line-height: 316px
    }

    .swiper-container-horizontal>.about-piece3-swiper-pagination {
        bottom: 66px
    }

    .about-piece4-title h2 {
        margin-top: 34px;
        margin: 145px 0 90px;
        padding-left: 30px
    }

    #pageBox {
        margin-bottom: 112px
    }

    .shaft {
        margin-top: 272px
    }

    .new-piece3 {
        margin-top: 100px
    }

    .job_mess .job_mess_tit {
        padding-right: 50px
    }

    .job_mess_text {
        width: 398px;
        padding-left: 50px
    }

    .about-swiper-slide-box {
        height: 841px
    }

    .about-piece4-list .list-first {
        width: 740px;
        min-height: 954px;
        padding-right: 170px
    }

    .about-piece5 {
        padding: 160px 0
    }

    .about-piece4-list .list-second .list-second-img {
        bottom: 90px
    }

    .about-piece4-list.active1 .list-first {
        padding-left: 170px
    }

    .about-piece5 {
        padding: 140px 0
    }

    .new-piece3-list-box dl .top-line:after {
        right: 450px;
        transition: .3s
    }

    .new-piece3-list-box:nth-child(3) dl .top-line:after {
        right: 530px
    }

    .technology-banner h2 {
        font-size: 72px;
        letter-spacing: 10px;
        text-indent: 10px;
        /*top: 262px*/
    }

    .general-screen.new-technology-piece4 .float-piece,.general-screen.new-technology-piece5 .float-piece,.general-screen.new-technology-piece6 .float-piece {
        width: 100%;
        padding: 0 45px
    }

    .general-screen {
        height: auto
    }

    .new-technology-piece5 {
        background-size: auto 600px
    }

    .new-details-piece2 {
        width: 1110px
    }

    .new-piece3-list-box dl dd .content-box {
        margin-top: 10px
    }

    .about-swiper-slide .float-box .float-box-content {
        margin-top: 155px;
		margin: 0 0 0 15%;
    }

    .innovation-banner-float h2 {
        font-size: 62px
    }

    .innovation-banner-float h3 {
        font-size: 66px;
        margin-top: 32px
    }

    .innovation-piece4 {
        margin-top: 200px
    }

    .first-technology-piece3 .float-piece {
        width: 100%!important;
        padding: 0 45px
    }

    .footer-contact span,.footer-contact a {
        font-size: 30px
    }

    .innovation-piece4-content div {
        margin-top: 60px
    }

    .footer-contact {
        margin-top: 106px
    }

    .new-technology-piece3 .float-piece .float-content-box h2 {
        font-size: 60px;
        margin-bottom: 20px
    }

    .new-technology-piece5-car {
        max-width: 1307px;
        margin-left: 0;
        max-width: 1230px;
        margin-left: 0;
        margin-top: -150px
    }

    .join-piece4-content ul {
        width: auto
    }

    .join-piece4-content ul li img {
        width: 168px;
        height: 168px
    }

    .news-float-box p {
        font-size: 36px;
        line-height: 46px
    }

    .news-float-box {
        height: 119px;
        line-height: 119px
    }

    .join-piece4-content ul li {
        margin-top: 125px
    }

    .join-piece4-content ul li:first-child,.join-piece4-content ul li:nth-child(2),.join-piece4-content ul li:nth-child(3) {
        margin-top: 90px
    }

    .about-piece3-box {
        width: 100%
    }

    .join-piece2-float-box {
        padding: 0
    }

    .about-piece5-content ul li p {
        margin-left: 80px;
        max-width: 1099px
    }

    .about-piece5-content ul li span:after {
        right: -87px
    }

    .shaft {
        margin-left: 3px
    }

    .new-technology-piece6 .float-piece {
        margin-top: 165px
    }

    .about-swiper-button-prev4,.about-swiper-button-prev3 {
        left: 30px
    }

    .about-swiper-button-next4,.about-swiper-button-next3 {
        right: 30px
    }
	/*  */
	.news-swiper-container .swiper-wrapper .swiper-slide a p {
		font-size: 42px;
		line-height: 110px;
		padding: 0 150px;
	}
	.join-piece2-serach-box h2 {
		font-size: 54px;
	}
	.join-piece2-serach .search-box {
		width: 1100px;
	}
	.innovation-piece3-float {
		padding: 140px 45px 0;
	}
	.innovation-swiper-box {
        margin-top: 97px;
    }
	.innovation-swiper-container .swiper-wrapper .swiper-slide p {
		font-size: 30px;
		line-height: 46px;
	}
	.innovation-piece3 {
		height: 1716px;
	}
	.innovation-news-float {
		top: 400px;
		right: 8px;
		max-width: 344px;
    }
	.innovation-piece3-float {
		width: 1334px;
	}
	.innovation-swiper-box .swiper-button-white {
		margin-top: 48.5px;
	}
}

@media all and (max-width: 1440px) {
	.footer-piece .footer-piece-box .footer-logo {
		margin-left: 45px;
	}
	.footer-piece .footer-piece-box .footer-Copyright {
		margin-left: 45px;
	}
	.news-swiper-container .swiper-button-prev,
	.news-swiper-container .swiper-button-next {
		width: 58px;
		height: 92px;
		bottom: 59px;
	}
	.about-swiper-slide .float-box {
		width: 640px;
	}
	.about-swiper-slide .float-box .float-box-content {
		width: 560px;
	}
    .first-technology-piece3 {
        background:#43156d url(../images/new-technology-piece3-background2.jpg) left bottom no-repeat!important;
        font-size: 0
    }

    .switch {
        margin-left: 86px
    }

    .new-technology-piece5-class-piece {
        width: 1366px
    }

    .new-technology-piece5-class li {
        margin: 45px 0
    }

    .innovation-banner ul li {
        margin-top: 60px;
        width: 226px
    }

    .innovation-banner ul {
        width: 1360px
    }

    .innovation-banner ul li img {
        max-width: 85%
    }

    .innovation-banner-float {
        padding-right: 95px
    }

    .language {
        top: 81px
    }

    .new-details-banner {
        margin-top: 81px
    }

    .navbar .container-fluid {
        padding-top: 12px!important;
        padding-bottom: 12px!important
    }

    .innovation-piece3-float,.innovation-piece4,.footer-contact,.footer-piece-box {
        width: 100%
    }

    .footer-piece-box {
        padding: 0 45px
    }

    .footer-logo {
        left: 45px
    }

    .join-piece3-box {
        padding-left: 140px;
        padding-right: 140px
    }

    .innovation-piece3-piece1 p,.innovation-piece3-piece2 p {
        font-size: 22px;
        line-height: 48px;
		width: 1000px;
    }

    .mission-piece-content dl dd p {
        font-size: 18px
    }

    .mission-piece-content dl dd h3,.mission-piece p {
        font-size: 22px
    }

    .innovation-piece4-content div h3 {
        font-size: 32px
    }

    .about-swiper-button-prev4,.about-swiper-button-next4,.about-swiper-button-prev3,.about-swiper-button-next3 {
        z-index: 999999999;
        top: 192px!important
    }

    .innovation-piece3-piece1 h2 {
        font-size: 54px
    }

    .innovation-piece3-piece1 h2,.innovation-piece3-piece2 h2 {
        width: 315px
    }

    .join-piece2-title p span:first-child {
        font-size: 26px
    }

    .join-piece2-title {
        max-width: 960px
    }

    .join-piece2-title p span,.join-piece2-title .join-piece2-title-p,.join-piece2-title p {
        font-size: 28px
    }

    .join-piece4-content ul li img {
        width: 158px;
        height: 158px
    }

    .details-title {
        font-size: 42px;
        line-height: 62px
    }

    .details-date {
        font-size: 28px;
        line-height: 28px
    }

    .details-content-container {
        padding-top: 75px
    }

    .join_job h1 span {
        font-size: 58px
    }

    .join-piece2-content ul li:first-child {
        margin-right: 72px
    }

    .about-swiper-slide .float-box .float-box-content {
        margin-top: 135px
    }

    .about-piece3-title {
        padding-top: 115px
    }

    .about-piece3-swiper-container {
        margin-top: 95px
    }

    .about-piece3-content .hd {
        bottom: 147px
    }

    .swiper-container-horizontal>.about-piece3-swiper-pagination {
        bottom: 66px
    }

    .about-piece3-content .hd ul li {
        font-size: 20px;
		width: 176px;
    }

    .about-swiper-slide .float-box .float-box-content .cn-title,.about-piece4-title h2,.about-piece3-title h2,.about-piece5-title h2 {
        font-size: 58px;
        line-height: 58px;
        height: 58px
    }

    .about-piece4-title h2 {
        margin: 125px 0 80px
    }

    .about-piece5 {
        padding: 120px 0
    }

    .about-piece5-title h2 {
        margin-bottom: 50px
    }

    .new-technology-piece5 {
        background: url(../images/new-technology-piece5-background.jpg) no-repeat 35% 419px;
        background-size: auto 530px;
        height: auto;
        background: 0
    }

    .join-piece2 .news-en-title {
        font-size: 85px!important;
        height: 85px
    }

    .join-piece2 .news-cn-title {
        font-size: 85px!important
    }

    .new-piece3-list-box dl dd .content-box .years {
        font-size: 65px!important;
        line-height: 50px;
        height: 50px
    }

    .new-piece3-list-box dl dd .content-box .month {
        font-size: 30px!important;
        line-height: 22px
    }

    .new-piece3-list-box dl dd .content-box .day {
        font-size: 20px!important;
        line-height: 18px
    }

    .new-piece3-list-box dl dd .content-box .date div {
        height: 50px!important
    }

    .new-piece3-list-box dl dd .content-box h3 a {
        font-size: 20px!important;
        line-height: 36px!important;
        max-height: 108px
    }

    .new-piece3-list-box dl dd .content-box {
        margin-top: 8px!important
    }

    .join-piece2 .news-cn-title {
        margin-left: 20px
    }

    .join-piece2-serach .search-box {
        font-size: 20px;
        line-height: 20px;
        height: 40px
    }

    .join-piece2-serach .search-btn {
        width: 30px;
        height: 28px;
        background-size: 30px 28px;
        right: 15px
    }

    .join-piece2-title h2 {
        font-size: 76px
    }

    .join-piece3-title h2,.join-piece4-title h2 {
        font-size: 58px!important;
        line-height: 58px!important
    }

    .join-piece2-content ul li a {
        font-size: 28px;
        width: 206px
    }

    .join-piece4-content ul li h2 {
        font-size: 28px
    }

    .join-piece2-content ul li {
        font-size: 44px
    }

    .join-piece2-content ul li {
        margin-bottom: 0;
        margin-top: 75px!important
    }

    .innovation-banner-float h2 {
        font-size: 62px
    }

    .innovation-piece4 {
        margin-top: 180px
    }

    .innovation-piece4 h2 span {
        font-size: 54px
    }

    .innovation-piece4-content div {
        margin-top: 50px
    }

    .footer-contact span,.footer-contact a {
        font-size: 28px
    }

    .footer-contact {
        margin-top: 86px
    }

    .innovation-piece4-content div ul li img {
        width: 290px
    }

    .innovation-piece4-content div ul li,.innovation-two-piece .innovation-piece4-pievce2 {
        margin-left: 38px
    }

    .new-technology-piece3 .float-piece .float-content-box h2 {
        font-size: 48px
    }

    .first-technology-piece3 {
        margin-top: 20px
    }

    .new-technology-piece3 .float-piece .float-content-box .content-box p {
        font-size: 14px;
        line-height: 24px
    }

    .new-technology-piece4 .float-piece .float-content-box .slide-more,.first-technology-piece3 .float-piece .float-content-box .slide-more {
        margin-top: 30px
    }

    .new-technology-piece4 .float-piece .float-content-box .dl-piece {
        margin-top: 35px
    }

    .first-technology-piece3 .float-piece .float-content-box {
        width: 380px;
        margin-right: 110px
    }

    .first-technology-piece3 .float-piece {
        width: 850px
    }

    .first-technology-piece3 .float-piece .float-content-box .content-box.pull-height {
        height: 48px
    }

    .new-technology-piece4 .float-piece .float-content-box,.new-technology-piece5 .float-piece .float-content-box,.new-technology-piece6 .float-piece .float-content-box {
        width: 380px;
        margin-right: 110px
    }

    .new-technology-piece3 .float-piece .float-content-box .dl-piece dl dt {
        width: 70px;
        height: 70px
    }

    .new-technology-piece3 .float-piece .float-content-box .dl-piece dl dd {
        font-size: 18px;
        margin-top: 20px;
        letter-spacing: 2px;
        text-indent: 2px
    }

    .new-technology-piece3 .float-piece .float-content-box .dl-piece dl:nth-child(2) {
        margin: 0 45px 0 55px
    }

    .new-technology-piece5 .new-technology-piece5-more {
        font-size: 18px;
        width: 128px;
        height: 35px;
        line-height: 33px;
        border-width: 1px;
        padding-left: 32px;
        border-radius: 35px;
        margin-top: 20px
    }

    .new-technology-piece5 .float-piece .float-content-box {
        width: 380px
    }

    .new-technology-piece5-car {
        margin: 35px 0 80px 55px
    }

    .new-technology-piece6 .float-piece .float-content-box .dl-piece {
        margin-top: 30px
    }

    .new-technology-piece3 .float-piece .float-content-box .slide-more,.new-technology-piece4 .float-piece .float-content-box .slide-more {
        background: url(../images/technology-more-xs.png) no-repeat;
        width: 14px;
        height: 14px
    }

    .new-technology-piece4 .float-piece .float-content-box .slide-more {
        background: url(../images/technology-more2-xs.png) no-repeat
    }

    .new-technology-piece5 .new-technology-piece5-more {
        background: url(../images/technology-piece5-img1-xs.png) no-repeat 86px center
    }

    .new-technology-piece5 .new-technology-piece5-more:hover {
        background: #5f238e url(../images/technology-piece5-img1-xs-on.png) no-repeat 86px center
    }

    .technology-banner h2 {
        font-size: 72px;
        /*top: 242px*/
    }

    .new-technology-piece3 .float-piece .float-content-box .content-box.pull-height {
        height: 48px
    }

    .join-piece4-content ul li {
        margin-top: 105px
    }

    .join-piece4-content ul li:first-child,.join-piece4-content ul li:nth-child(2),.join-piece4-content ul li:nth-child(3) {
        margin-top: 80px
    }

    .news-float-box p {
        font-size: 30px;
        line-height: 40px
    }

    .news-float-box {
        height: 99px;
        line-height: 99px;
        padding: 0 170px
    }

    .join-piece2-float {
        padding-left: 0
    }

    .join-piece2-float-box,.join-piece2-serach .search-box {
        width: 1276px
    }

    .about-piece5-content ul li p {
        max-width: 1025px
    }

    .navbar .container-fluid {
        padding-left: 45px;
        padding-right: 45px
    }

    .new-technology-piece5-car {
        margin-top: -120px;
        margin-left: 64px;
        max-width: 1042px
    }
	/*  */
	.news-swiper-container .swiper-wrapper .swiper-slide a p {
		font-size: 38px;
		line-height: 90px;
		padding: 0 130px;
		bottom: 60px;
	}
	.join-piece2-serach .search-box {
		width: 1100px;
	}
	.join-piece2-serach-box h2 {
        font-size: 50px;
		margin-bottom: 90px;
    }
	.join-piece2-serach-box {
		margin: 78px auto 102px;
	}
	.news-piece-container {
    margin-top: 81px;
}
.innovation-piece3-float {
		width: 1234px;
	}
	.mission-piece {
    width: 1000px;
}
}

@media all and (max-width: 1366px) {
	.footer-Copyright {
		font-size: 14px;
	}
	.news-swiper-container .swiper-button-prev,
	.news-swiper-container .swiper-button-next {
		width: 53px;
		height: 84px;
		bottom: 58px;
	}
	.innovation-piece3-float {
		padding-bottom: 134px !important;
	}
    .about-piece3-content .hd ul li {
        margin-right:36px
    }

    .new-technology-piece5-class-piece {
        width: 1280px
    }

    .new-technology-piece5-class {
        width: 720px
    }

    .new-technology-piece5-class li {
        width: 144px
    }

    .new-technology-piece5-class li img {
        max-width: 95%
    }

    .innovation-banner ul li {
        width: 213px
    }

    .innovation-banner ul {
        width: 1280px
    }

    .innovation-banner h2 {
        font-size: 57px;
        margin-bottom: 35px
    }

    .language {
        top: 73px
    }

    .new-details-banner {
        margin-top: 73px
    }

    .gallery-top-box .swiper-button-prev {
        left: -70px
    }

    .gallery-top-box .swiper-button-next {
        right: -70px
    }

    .gallery-top-box .swiper-button-white {
        width: 38px;
        height: 80px
    }

    .about-swiper-button-prev4,.about-swiper-button-next4,.about-swiper-button-prev3,.about-swiper-button-next3 {
        z-index: 999999999;
        top: 168px!important
    }

    .first-technology-piece3 .float-piece .float-content-box {
        margin-right: 90px
    }

    .content-text-spacing {
        height: 30px!important
    }

    .details-content-container h2 {
        margin-top: 25px!important;
        margin-bottom: 15px!important;
        font-size: 22px!important
    }

    .innovation-piece3-piece1 h2 {
        font-size: 50px
    }

    .innovation-piece3-piece2 h2 {
        font-size: 40px
    }

    .innovation-piece3-piece1 h2,.innovation-piece3-piece2 h2 {
        width: 295px
    }

    .innovation-piece4 h2 span {
        font-size: 50px
    }

    .innovation-piece4-content div ul li {
        margin-right: 0
    }

    .innovation-piece4 {
        margin-top: 160px
    }

/*    .general-screen.technology-banner {
        height: 900px
    }*/

    .general-screen {
        height: auto
    }

    .new-technology-piece4,.first-technology-piece3 {
        background-position-x: -230px
    }

    .new-technology-piece5 {
        background-size: auto 520px;
        background-position-y: 400px
    }

    .technology-banner h2 {
        font-size: 72px;
        top: 232px
    }

    .about-piece4-list .list-first {
        min-height: 904px
    }

    .about-piece4-list.active1 .list-first {
        min-height: 854px
    }

    .new-technology-piece5 {
        background: url(../images/new-technology-piece5-background.jpg) no-repeat 35% 419px;
        background-size: auto 460px;
        height: 960px;
        background: none!important
    }

    .first-technology-piece3 .float-piece {
        margin-top: 95px
    }

    .first-technology-piece3 .float-piece .float-content-box h2 {
        text-indent: -8px
    }

    .footer-piece {
        margin-top: 120px
    }

    .new-piece3-list-box dl dd .content-box .years {
        font-size: 90px
    }

    .new-piece3-list-box dl dd .content-box .month {
        font-size: 47px
    }

    .join-piece2 .news-cn-title {
        font-size: 108px
    }

    .details-title {
        font-size: 38px;
        line-height: 60px;
        margin-top: 90px
    }

    .details-date {
        margin-top: 65px;
        font-size: 24px;
        line-height: 26px
    }

    .details-content-container {
        padding-top: 60px
    }

    .details-intro {
        padding-top: 50px
    }

    .about-swiper-slide .float-box .float-box-content {
        margin-top: 125px
    }

    .about-piece3-title {
        padding-top: 105px
    }

    .about-piece3-swiper-container {
        margin-top: 85px
    }

    .about-piece3-content dl dd em {
        margin-top: 30px
    }

    .about-piece4-title h2 {
        margin: 125px 0 70px
    }

    .about-piece5 {
        padding: 110px 0
    }

    .about-piece5-title h2 {
        margin-bottom: 40px
    }

    .about-piece5-content ul {
        padding-bottom: 60px
    }

    .details-content-container,.details-content-container *,.details-intro,.details-intro *,.details-content,.details-content * {
        font-size: 16px!important;
        line-height: 32px!important
    }

    .join-piece2-title h2 {
        font-size: 76px
    }

    .join-piece2-title p {
        padding-bottom: 0
    }

    .innovation-banner-float h2 {
        font-size: 54px
    }

    .join-piece2-content ul li a {
        font-size: 26px;
        width: 196px;
        padding-left: 40px;
        background: url(../images/join-img3-arrow.png) no-repeat right 34px center;
        background-size: 22px 22px;
        height: 56px;
        border-radius: 56px
    }

    .join-piece2-content ul li {
        margin-bottom: 0;
        margin-top: 65px!important
    }

    .innovation-banner-float h3 {
        font-size: 61px;
        margin-top: 27px
    }

    .innovation-piece3-float {
        width: 1100px;
        padding-bottom: 40px;
    }
    .mission_newtit{
        bottom: -60px;
    }
    .innovation-piece3-piece1 h2,.innovation-piece3-piece2 h2 {
        width: 295px
    }

    .innovation-piece3-float,.innovation-piece4,.footer-contact,.footer-piece-box {
        width: 100%
    }

    .mission-piece h2 {
        font-size: 42px
    }

    .innovation-piece3-piece1 {
        padding-bottom: 77px
    }

    .innovation-piece3-piece1 p,.innovation-piece3-piece2 p {
        font-size: 20px;
        line-height: 46px
    }

    .mission-piece-content dl dd h3,.mission-piece p {
        font-size: 20px
    }

    .innovation-piece3-piece2 {
        margin-top: 68px
    }

    .innovation-piece3-piece3 {
        margin-top: 82px
    }

    .innovation-piece3-piece3 li {
        width: 265px
    }

    .innovation-piece3-piece3 li:nth-child(2) {
        margin: 0 0 0 152px
    }

    .innovation-piece4 {
        margin-top: 140px
    }

    .innovation-piece4-content div ul li img {
        width: 260px
    }

    .innovation-piece4-content div ul li {
        margin-left: 22px;
        height: auto
    }

    .innovation-piece4-content div ul li,.innovation-two-piece .innovation-piece4-pievce2 {
        margin-left: 22px
    }

    .footer-contact {
        margin-top: 76px
    }

    .footer-nav li {
        margin-left: 83px
    }

    .footer-piece-contact ul li span,.footer-piece-contact ul li a {
        font-size: 16px
    }

    .footer-piece-contact ul li span:first-child {
        margin-right: 5px
    }

    .footer-piece-contact ul li:first-child {
        margin-right: 25px
    }

    .footer-piece {
        padding: 40px 0
    }

    .footer-piece .code-box {
        margin-left: 40px
    }

    .innovation-piece4-content {
        margin-left: 0
    }

    .innovation-piece4-content div h3 {
        font-size: 32px
    }

    .innovation-footer-piece {
        margin-top: 46px
    }

    .footer-contact span,.footer-contact a {
        font-size: 26px
    }

    .new-technology-piece4 .float-piece .float-content-box,.new-technology-piece5 .float-piece .float-content-box,.new-technology-piece6 .float-piece .float-content-box {
        margin-right: 90px
    }

    .first-technology-piece3 .float-piece {
        width: 950px
    }

    .new-technology-piece5-car {
        margin: 25px 0 70px 65px;
        margin-left: 40px;
        margin-top: -120px;
        max-width: 1002px
    }

    .about-swiper-slide .float-box .float-box-content .cn-title,.about-piece4-title h2,.about-piece3-title h2,.about-piece5-title h2 {
        font-size: 54px;
        line-height: 54px;
        height: 54px
    }

    .about-piece4-list .list-first .first-content h2 {
        font-size: 48px
    }

    .join-piece2 .news-en-title,.join-piece2 .news-cn-title {
        font-size: 76px!important;
        height: 76px
    }

    .join-piece2 .news-cn-title {
        margin-top: -10px;
        margin-left: 20px
    }

    .news-page li a,.news-page .thisclass,.news-page .thisclass span,#page .pagingUl li a {
        font-size: 20px
    }

    .join-piece3-title h2,.join-piece4-title h2 {
        font-size: 54px!important;
        line-height: 54px!important
    }

    .join-piece4-content ul li img {
        width: 148px;
        height: 148px
    }

    .join-piece4-content ul li h2 {
        font-size: 26px;
        margin-top: 30px
    }

    .join-piece4-content ul li {
        margin-top: 95px
    }

    .join-piece4-content ul li:first-child,.join-piece4-content ul li:nth-child(2),.join-piece4-content ul li:nth-child(3) {
        margin-top: 70px
    }

    .join-piece4 {
        padding: 90px 0
    }

    .join_job h1 span {
        font-size: 54px
    }

    .alone {
        font-size: 24px!important;
        line-height: 44px!important
    }

    .news-float-box p {
        font-size: 24px;
        line-height: 34px
    }

    .news-float-box {
        height: 89px;
        line-height: 89px;
        padding: 0 150px
    }

    .technology-swiper-button-next,.technology-swiper-button-prev {
        width: 36px;
        height: 76px
    }

    .join-piece2-float-box,.join-piece2-serach .search-box {
        width: 1110px
    }

    .about-piece5-content ul li p {
        font-size: 20px;
        max-width: 868px
    }

    .about-piece5-content ul li span {
        font-size: 28px;
        width: 160px
    }

    .shaft {
        width: 200px
    }

    .switch {
        margin-left: 86px
    }

    .navbar .container-fluid {
        padding-top: 8px!important;
        padding-bottom: 8px!important
    }

    .new-technology-piece7 .float-piece {
        margin-top: 0
    }
	/*  */
	.news-swiper-container .swiper-wrapper .swiper-slide a p {
		font-size: 34px;
		line-height: 80px;
		padding: 0 110px;
	}
	.news-piece-container {
	    margin-top: 73px;
	}
	.innovation-piece3-float {
        padding: 120px 45px 0;
    }
	.innovation-swiper-box {
        margin-top: 77px;
    }
	.innovation-swiper-box h2 {
		font-size: 42px;
	}
	.innovation-swiper-container .swiper-wrapper .swiper-slide p {
    font-size: 28px;
	letter-spacing: 3px;
	line-height: 44px;
}
.mission_newtit, .mission_newtit * {
    font-size: 22px;
    letter-spacing: 2px;
}
.innovation-piece3 {
    height: 1545px;
}
.mission_newtit {
    bottom: -80px;
}
.innovation-news-float {
	top: 360px;
	right: 8px;
	max-width: 304px;
}
.innovation-piece3-float {
		width: 1184px;
	}
	.innovation-swiper-box .swiper-button-white {
    margin-top: 38.5px;
	width: 38px;
	height: 76px;
	left: -68px;
}
.innovation-swiper-box .swiper-button-next {
    right: -68px;
    left: initial;
}
}

@media all and (max-width: 1280px) {
    .new-technology-piece5-class-piece {
        width:1200px
    }

    .new-technology-piece5-class {
        width: 680px
    }

    .new-technology-piece5-class li {
        width: 136px;
        margin: 40px 0
    }

    .new-technology-piece5-class li img {
        /* max-width: 80% */
    }

    .innovation-banner ul li {
        width: 200px;
        margin-top: 55px
    }

    .innovation-banner ul {
        width: 1200px
    }

    .join-piece4-content ul li img {
        width: 138px;
        height: 138px
    }

    .join-piece4-content ul li h2 {
        font-size: 24px
    }

    .join-piece2-float {
        padding-left: 0
    }

    .new-technology-piece5 {
        background: url(../images/new-technology-piece5-background.jpg) no-repeat 25% 419px;
        background-size: auto 430px;
        height: auto;
        background: 0
    }

    .new-technology-piece4,.first-technology-piece3 {
        background-position-x: -300px
    }

    .first-technology-piece3 .float-piece,.new-technology-piece4 .float-piece {
        margin-top: 115px
    }

    .new-technology-piece3.first-technology-piece3 .float-piece {
        width: 800px
    }

    .new-technology-piece6 .float-piece {
        margin-top: 110px
    }

    .about-piece4-list .list-first {
        min-height: 904px
    }

    .new-technology-piece3 .float-piece .float-content-box,.new-technology-piece4 .float-piece .float-content-box,.new-technology-piece5 .float-piece .float-content-box,.new-technology-piece6 .float-piece .float-content-box {
        width: 380px
    }

    .new-technology-piece5-car {
        margin-left: 40px;
        max-width: 962px
    }

    .new-technology-piece4 .float-piece .float-content-box,.new-technology-piece5 .float-piece .float-content-box,.new-technology-piece6 .float-piece .float-content-box,.first-technology-piece3 .float-piece .float-content-box {
        margin-right: 30px
    }

    .first-technology-piece3 {
        margin-top: 10px
    }

    .join-piece2-content ul li {
        font-size: 40px
    }

    .join-piece2-content ul li a {
        font-size: 24px;
        width: 170px;
        background-size: 20px 20px;
        background-position-x: 118px
    }

    .join-piece4-content ul li {
        margin-top: 85px
    }

    .switch {
        margin-left: 66px
    }

    #example-navbar-collapse .nav li a {
        margin-left: 57px
    }

    .technology-banner h2 {
        font-size: 62px;
        top: 212px
    }

    .new-technology-piece3 .float-piece .float-content-box h2 {
        font-size: 44px
    }
    .mission_newtit{
        bottom: -50px;
    }
	.innovation-piece3 {
    height: 1495px;
}
.mission_newtit {
    bottom: -70px;
}
.innovation-swiper-container .swiper-pagination-clickable .swiper-pagination-bullet {
	margin: 0 16px;
}
.innovation-news-float {
	top: 240px;
    right: 8px;
    max-width: 284px;
}
.innovation-piece3-float {
		width: 1134px;
}
.innovation-swiper-box .swiper-button-white {
	width: 33px;
	height: 66px;
}
.innovation-swiper-box .swiper-button-white {
    left: -63px;
}
.innovation-swiper-box .swiper-button-next {
    right: -63px;
    left: initial;
}
}

@media all and (max-width: 1225px) {
    .new-technology-piece3.first-technology-piece3 .float-piece {
        width:800px
    }
}

@media all and (max-width: 1200px) {
    .new-technology-piece5-car {
        margin-left:0;
        max-width: 922px
    }
	.innovation-piece3 {
    height: 1460px;
}
}

@media all and (max-width: 1199px) {
	.footer-piece .footer-piece-box .footer-logo {
		margin-left: 15px;
	}
	.footer-piece .footer-piece-box .footer-Copyright {
		margin-left: 15px;
		width: 290px;
	}
	.news-swiper-container .swiper-button-prev, .news-swiper-container .swiper-button-next {
		width: 44px;
		height: 70px;
		bottom: 60px;
	}
	.about-swiper-slide .float-box .float-box-content {
		width: 440px;
	}
    #canvas span {
        font-size:32px
    }

    .new-technology-piece5-class-piece {
        width: 1024px
    }

    .new-technology-piece5-class {
        width: 600px
    }

    .new-technology-piece5-class li {
        width: 120px
    }

    .innovation-banner ul li {
        width: 170px;
        margin-top: 50px
    }

    .innovation-banner ul {
        width: 1024px
    }

    .innovation-banner h2 {
        font-size: 52px
    }

    .join-piece2-content ul li {
        margin-top: 55px!important
    }

    .about-piece5-content ul li p {
        max-width: 640px
    }

    .about-piece5-content ul li span {
        min-height: 64px;
        line-height: 64px
    }

    .about-piece4-list .list-first .first-content h2 {
        font-size: 44px
    }

    .footer-piece-contact ul li:first-child {
        margin-right: 0
    }

    .join_job h1 span {
        font-size: 52px
    }

    .join-piece2-title p {
        font-size: 22px
    }

    .technology-swiper-button-next,.technology-swiper-button-prev {
        width: 31px;
        height: 65px;
        top: 174px!important
    }

    .join-piece4-title h2 {
        margin-bottom: 0
    }

    .details-intro-h3 {
        text-align: center
    }

    .float-content img {
        float: none;
        margin: auto;
        display: block
    }

    .float-content div.fl {
        max-width: 100%;
        padding-left: 0;
        margin-top: 51px
    }

    .details-intro .details-intro-p,.float-content div.fl p:first-child,.details-intro-p {
        margin-bottom: 32px
    }

    .details-content,.new-details-page {
        margin-top: 64px
    }

    .details-intro-h3 {
        margin-bottom: 36px
    }

    .float-content div.fl {
        margin-top: 32px
    }

    .details-intro-h4 {
        margin: 20px 0 40px
    }

    .general-piece {
        width: 970px;
        padding: 0 15px;
        box-sizing: border-box
    }

    .technology-swiper-slide .float-box h2 {
        font-size: 50px
    }

    .technology-swiper-slide .float-box .en-title {
        font-size: 37px
    }

    .technology-swiper-slide .float-box {
        top: 70px;
        left: 115px
    }

    .details-intro-h4 {
        display: none
    }

    .details-intro-h4-two {
        display: block;
        width: 621px;
        margin: 20px auto 10px
    }

    .technology-piece3-title h2 {
        font-size: 42px;
        line-height: 42px;
        margin-top: 22px;
        padding-left: 90px;
        font-size: 57px!important;
        line-height: 57px!important
    }

    .about-piece4-title h2 {
        font-size: 52px!important;
        line-height: 52px!important;
        height: 52px!important;
        padding-left: 0;
        margin: 105px 0 60px
    }

    .technology-piece3-title span,.technology-piece3-content-right span {
        font-size: 80px;
        width: 490px
    }

    .technology-piece3-content-left {
        font-size: 24px;
        line-height: 48px;
        width: 400px
    }

    .technology-piece3-content-right {
        width: 490px
    }

    .technology-piece3-content-right img {
        max-width: 490px
    }

    .technology-piece3,.technology-piece5 {
        margin-top: 105px
    }

    .technology-piece4 {
        height: 1500px;
        line-height: 1500px;
        background-size: 100% 1500px
    }

    .technology-piece4-title h2 {
        margin-top: 182px
    }

    .technology-piece4-content {
        padding-top: 64px
    }

    .technology-piece4-content-left,.technology-piece4-content-right {
        width: 100%
    }

    .technology-piece4-content-right p {
        font-size: 24px;
        line-height: 48px
    }

    .technology-piece4-content-right p:first-child {
        margin-bottom: 0;
        margin-top: 25px
    }

    .technology-piece4-content-left img {
        max-width: 600px
    }

    .technology-piece5-title h2 {
        margin-top: 102px
    }

    .technology-piece5-content-piece1 dl:nth-child(2),.technology-piece6-content .second,.technology-piece4-content-left dl:nth-child(2) {
        margin: 0 267px
    }

    .technology-piece5-content-piece2 {
        margin: 40px 0;
        width: 100%
    }

    .technology-piece5-content-piece1 {
        margin-top: 64px
    }

    .technology-piece6 {
        line-height: 700px;
        height: 700px
    }

    .technology-piece6-title,.technology-piece6-content {
        width: 100%
    }

    .technology-piece6-title div {
        float: left
    }

    .technology-piece6-title h2 {
        float: right;
        margin-top: 122px
    }

    .technology-piece6-content .second {
        margin-top: 50px
    }

    .technology-piece6 .float-img {
        display: none
    }

    .about-swiper-slide .float-box {
        top: 0
    }

    .about-swiper-slide img {
        height: 641px
    }

    .about-swiper-slide .float-box {
       
    }

    .about-swiper-slide .float-box .float-box-content h2 {
        font-size: 70px
    }

    .about-swiper-slide .float-box .float-box-content .cn-title {
        font-size: 52px
    }

    .about-swiper-slide .float-box .float-box-content p.active-content {
        height: auto
    }

    .about-piece3 {
        height: auto
    }

    .about-piece3-content dl dt {
        width: 230px;
        height: 230px;
        margin: auto
    }

    .about-piece3-title h2 {
        margin-top: 0;
        font-size: 52px!important;
        line-height: 52px!important;
        padding-left: 0;
        height: 52px!important
    }

    .about-piece3-swiper-container {
        padding-bottom: 138px
    }

    .about-piece4-content-list-box .first {
        width: 60%
    }

    .about-piece4-content-list-box {
        width: 100%;
        height: 899px;
        line-height: 899px
    }

    .about-piece4-content-list-box .second img {
        max-width: 45%
    }

    .about-piece4-content-list-box-second {
        height: 910px;
        line-height: 910px
    }

    .about-piece4-content-list-box-third {
        height: 881px;
        line-height: 881px
    }

    .about-piece5-content ul li {
        margin-top: 36px
    }

    .join-piece2-title h2 {
        font-size: 66px
    }

    .join-piece2-title p {
        max-width: 880px
    }

    .join-piece2-title p span:first-child {
        font-size: 24px
    }

    .join-piece2-title p span,.join-piece2-title .join-piece2-title-p {
        font-size: 22px
    }

    .join-piece2-title .join-piece2-title-p {
        margin-top: 18px
    }

    .join-piece2-box {
        margin-top: 6px
    }

    .join-piece2-title {
        margin-bottom: 0
    }

    .join-piece3-box {
        padding-bottom: 90px;
        padding-left: 0;
        padding-right: 0
    }

    .join-piece3 {
        margin-top: 80px;
        width: 780px;
        padding: 0
    }

    .gallery-top-box .swiper-button-white {
        width: 34px;
        height: 72px
    }

    .gallery-top-box .swiper-button-next {
        right: -60px
    }

    .gallery-top-box .swiper-button-prev {
        left: -60px
    }

    .join-piece3-title span {
        padding-left: 90px
    }

    .join-piece3-title h2 {
        width: 599px;
        font-size: 57px
    }

    .join-piece3-content {
        margin-top: 65px
    }

    .join-piece3-title span img {
        width: 177px
    }

    .join-piece4-content span {
        font-size: 80px
    }

    .join-piece4-title span {
        width: auto
    }

    .join-piece4-content ul li {
        margin-left: 0;
        margin-top: 75px
    }

    .join-piece4-content ul li h2 {
        font-size: 22px
    }

    .join-piece4 {
        height: 1324px;
        padding: 90px 0
    }

    .join-piece4 .join-piece4-box {
        padding: 0;
        width: 880px
    }

    .join-piece4-content span+ul {
        margin-top: 45px
    }

    .news-piece3,.news-piece3-list-box li {
        width: 100%
    }

    .news-piece3-list-box li .left-img,.news-piece3-list-box li .right-content {
        width: 100%
    }

    .news-piece3-list-box li .right-content {
        height: 216px;
        padding: 40px 30px 30px
    }

    .news-piece3-list-box li .right-content p {
        margin-top: 20px
    }

    .news-piece3-list-box li .right-content p a {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block
    }

    .news-piece3-list-box li .right-content a {
        right: 30px
    }

    .technology-piece3 .technology-piece3-content-right span img {
        width: 263px
    }

    .new-technology-piece3.technology-piece3 .new-technology-piece3-title h2 {
        margin-top: 21px
    }

    .new-technology-piece3.technology-piece3 .new-technology-piece3-title h2 img {
        width: 242px
    }

    .new-technology-piece3.technology-piece5 .technology-piece5-title span img {
        width: 511px
    }

    .new-technology-piece3-title.technology-piece5-title h2 {
        margin-top: 101px
    }

    .new-technology-piece3-title.technology-piece5-title h2 img {
        width: 270px
    }

    .join-piece2-float-box,.join-piece2-serach .search-box {
        width: 880px;
        min-width: inherit
    }

    .join-piece2-serach {
        bottom: 75px
    }

    .join-piece2-float {
        margin-top: 100px
    }

    .join-piece2-float .en-title {
        font-size: 80px
    }

    .join-piece2-float .cn-title {
        font-size: 42px
    }

    .news-piece3-list-box li .left-img {
        height: 380px;
        line-height: 380px
    }

    .news-piece3 {
        padding: 117px 0 67px
    }

    .swiper-container-horizontal>.about-piece3-swiper-pagination {
        bottom: 56px
    }

    .about-piece4-title span img {
        width: 176px
    }

    .word-img img {
        width: 633px
    }

    .about-piece4-title h2 img {
        width: 222px
    }

    .about-piece4-title {
        width: 880px;
        margin: 0 auto;
        padding: 0
    }

    .word-img {
        padding: 14px 0 64px
    }

    .about-piece5-title h2 {
        margin-top: 0;
        padding-left: 0;
        font-size: 52px!important;
        line-height: 52px!important;
        height: 52px!important
    }

    .about-piece4-content-list-box .second {
        padding-right: 15px;
        line-height: 409px
    }

    .about-piece4-content-list-box-second .second {
        padding-right: 0;
        padding-left: 15px;
        line-height: 458px
    }

    .about-piece4-content-list-box-third .second {
        padding: 0;
        line-height: 350px
    }

    .about-piece4-content-list-box-third .second img {
        max-width: 25%
    }

    .shaft {
        margin-top: 232px;
        margin-left: 51px
    }

    .new-piece3-list-box {
        width: 100%;
        margin: auto
    }

    .new-piece3-list-box dl .top-line {
        width: 100%
    }

    .new-piece3-list-box dl {
        width: 880px
    }

    .new-piece3-list-box dl .fl,.new-piece3-list-box dl .fr {
        width: 550px;
        height: 309px;
        line-height: 309px;
        margin-bottom: 6px
    }

    .new-piece3-list-box dl dt {
        max-height: 309px
    }

    .new-piece3-list-box:last-child dl .fl,.new-piece3-list-box:last-child dl .fr {
        margin-bottom: 0
    }

    .new-piece3-list-box dl dd.fr {
        width: 330px;
        margin-left: 0;
        padding: 0;
        height: 309px;
        line-height: 309px
    }

    .new-piece3-list-box dl dd .content-box {
        width: 280px;
        margin-left: 50px;
        margin-top: 8px
    }

    .new-piece3-list-box dl dd .content-box .years {
        font-size: 90px
    }

    .new-piece3-list-box dl dd .content-box .month {
        font-size: 44px
    }

    .new-piece3-list-box dl dd .content-box .day {
        font-size: 32px
    }

    .new-piece3-list-box dl dd .content-box .date div {
        height: 90px
    }

    .new-piece3-list-box dl dd .content-box h3 a {
        font-size: 30px;
        line-height: 46px;
        height: 92px
    }

    .new-piece3-list-box dl dd .content-box h3 {
        margin-top: 20px
    }

    .details-date {
        margin-top: 61px
    }

    .details-content-container {
        padding-top: 55px
    }

    .new-piece3-list-box:nth-child(even) {
        margin-top: 0
    }

    .new-piece3 {
        margin-top: 80px
    }

    .new-piece3 {
        margin-top: 80px
    }

    .details-title {
        font-size: 36px;
        line-height: 56px;
        width: auto;
        margin-top: 80px
    }

    .piece4-show-content {
        height: 125px
    }

    .piece4-show-content.active-content {
        height: auto
    }

    .join-piece2 {
        height: auto
    }

    .join-piece2-serach {
        bottom: 150px
    }

    .join-piece2-float {
        margin-top: 200px
    }

    .join-piece2 .news-en-title {
        font-size: 95px
    }

    .join-piece2 .news-cn-title {
        font-size: 98px;
        margin-top: -44px
    }

    .join-piece4-content ul li img {
        width: 128px;
        height: 128px
    }

    .job_mess .job_mess_tit {
        padding-right: 40px
    }

    .job_mess_text {
        width: 312px;
        padding-left: 40px
    }

    .about-swiper-slide-box {
        height: 741px
    }

    .about-piece3-title {
        padding-top: 95px
    }

    .about-piece3-swiper-container {
        margin-top: 75px;
        padding-bottom: 0
    }

    .about-piece3-content dl dd em {
        margin-top: 30px
    }

    .about-piece4-list .list-first {
        width: 640px;
        padding-right: 140px
    }

    .about-piece4-list {
        margin-bottom: 94px
    }

    .about-piece5 {
        padding: 90px 0
    }

    .about-piece4-list.active1 .list-first {
        padding-left: 140px
    }

    .about-piece5 {
        margin-top: 90px
    }

    .shaft {
        margin-left: 3px
    }

    .about-piece4-list .list-first {
        min-height: 804px
    }

    .about-piece4-list.active1 .list-first {
        min-height: 804px
    }

    .about-piece4-list .list-second .list-second-img {
        bottom: 70px
    }

    .new-piece3-list-box dl .top-line:after {
        right: 220px
    }

    .technology-banner h2 {
        font-size: 57px;
        top: 192px
    }

    .new-technology-piece3.first-technology-piece3 .float-piece {
        width: 700px
    }

    .new-technology-piece5 {
        background-size: auto 450px;
        background-position-y: 380px;
        background-position-x: center
    }

/*    .general-screen.technology-banner {
        height: 800px
    }*/

    .general-screen {
        height: auto
    }

    .new-technology-piece3 .float-piece {
        margin-top: 95px
    }

    .new-technology-piece4 .float-piece {
        margin-top: 105px
    }

    .new-technology-piece5 .float-piece {
        margin-top: 92px
    }

    .new-technology-piece6 .float-piece {
        margin-top: 100px
    }

    .new-details-piece2.new-general-piece {
        padding: 0 45px 0
    }

    .new-technology-piece4,.first-technology-piece3 {
        background-position-x: -240px
    }

    .new-technology-piece6 {
        background-position-x: -100px
    }

    .about-piece3-title .describe {
        margin-left: 25px;
        width: 550px
    }

    .new-piece3-list-box dl .top-line:after {
        left: 590px
    }

    .new-piece3-list-box:nth-child(3) dl .top-line:after {
        left: 510px
    }

    .new-piece3-list-box:nth-child(5) dl .top-line:after {
        left: 720px
    }

    .float-font {
        width: 521px;
        margin-right: 48px
    }

    .details-intro-h4-two {
        width: 521px
    }

    .second-details-intro-p {
        margin-top: 32px
    }

    .footer-piece {
        margin-top: 120px
    }

    .news-page {
        margin-top: 100px
    }

    .new-piece3 {
        padding-bottom: 100px
    }

    .join-piece2-content ul li {
        font-size: 36px;
        margin-bottom: 0
    }

    .join-piece2-content ul li:first-child {
        margin-right: 62px
    }

    .join-piece2-content ul li a {
        font-size: 22px;
        width: 170px;
        height: 50px;
        border-radius: 50px;
        background-size: 18px 18px
    }

    .join-piece3-title h2,.join-piece4-title h2 {
        font-size: 49px!important;
        line-height: 49px!important
    }

    .join-piece2 .news-en-title {
        font-size: 71px!important
    }

    .join-piece2 .news-cn-title {
        font-size: 71px!important
    }

    .new-piece3-list-box dl dd .content-box .years {
        font-size: 60px!important;
        line-height: 50px;
        height: 50px
    }

    .new-piece3-list-box dl dd .content-box .month {
        font-size: 28px!important;
        line-height: 20px
    }

    .new-piece3-list-box dl dd .content-box .day {
        font-size: 18px!important;
        line-height: 16px
    }

    .new-piece3-list-box dl dd .content-box .date div {
        height: 50px!important
    }

    .new-piece3-list-box dl dd .content-box h3 a {
        font-size: 18px!important;
        line-height: 32px!important;
        max-height: 96px!important;
        height: auto
    }

    .new-piece3-list-box dl dd .content-box {
        margin-top: 7px!important
    }

    .join-piece2 .news-cn-title {
        margin-top: -14px;
        margin-left: 18px
    }

    .innovation-banner-float h2 {
        font-size: 66px
    }

    .innovation-banner-float h3 {
        font-size: 51px;
        margin-top: 22px
    }

    .innovation-piece3-piece1 h2 {
        font-size: 57px
    }

    .innovation-piece4 {
        margin-top: 135px
    }

    .innovation-piece3-float,.innovation-piece4 {
        width: 880px
    }

    .innovation-piece3-float {
        width: 100%
    }

    .innovation-piece3-piece1 p,.innovation-piece3-piece2 p {
        font-size: 22px;
        line-height: 42px;
        width: 575px
    }

    .innovation-piece3-piece1 p,.innovation-piece3-piece2 p {
        width: 834px;
        font-size: 20px;
        line-height: 40px
    }

    .innovation-piece3-piece1 h2 {
        font-size: 52px
    }

    .innovation-piece3-piece1 h2,.innovation-piece3-piece2 h2 {
        width: 305px
    }

    .innovation-piece3-piece3 li {
        width: 245px;
        height: 197px;
        line-height: 193px
    }

    .innovation-piece3-piece3 li:nth-child(2) {
        margin: 0 0 0 72px
    }

    .innovation-piece3-piece1 {
        padding-bottom: 67px
    }

    .mission-piece h2 {
        font-size: 40px
    }

    .mission-piece-content dl dt img {
        max-width: 80px
    }

    .mission-piece {
        width: 834px
    }

    .mission-piece-content dl dt {
        padding-right: 25px
    }

    .mission-piece-content dl dd {
        padding-left: 25px
    }

    .mission-piece-content dl {
        margin-right: 45px
    }

    .innovation-piece3-piece2 {
        margin-top: 58px
    }

    .innovation-piece3-piece3 {
        margin-top: 72px
    }

    .innovation-piece4-content div ul li {
        width: 33.333%
    }

    .innovation-piece4-pievce3 ul li:nth-child(2) {
        width: 66.666%
    }

    .new-technology-piece5-car {
        width: 945px;
        margin: 60px auto 105px
    }

    .technology-banner a {
        bottom: 36px;
        width: 46px
    }

    .about-swiper-slide .float-box .float-box-content .cn-title,.about-piece4-title h2,.about-piece3-title h2,.about-piece5-title h2 {
        font-size: 49px;
        line-height: 49px;
        height: 49px
    }

    .about-piece4-list .list-first .first-content h2 {
        margin-top: 72px
    }

    .navbar .container-fluid {
        padding: 0 15px
    }

    .language {
        right: 15px
    }

    .footer-logo {
        max-width: 244px;
        width: 244px
    }

    .footer-piece-box {
        width: auto;
        max-width: 1199px;
        padding: 0 15px
    }

    .footer-logo {
        left: 15px
    }

    .footer-piece-box-right {
        width: 700px
    }

    .footer-nav li {
        margin-left: 75px
    }

    .footer-piece .code-box {
        margin-left: 30px
    }

    .footer-piece-contact {
        margin-top: 30px
    }
	/*  */
	.news-swiper-container .swiper-wrapper .swiper-slide a p {
		font-size: 30px;
		line-height: 70px;
		padding: 0 90px;
	}
	.join-piece2-serach-box,
	.join-piece2-serach .search-box {
		width: 880px;
	}
	.join-piece2-serach-box h2 {
		font-size: 46px;
	}
	.innovation-swiper-box h2 {
    font-size: 40px;
}
.innovation-swiper-box {
    margin-top: 67px;
}
.innovation-swiper-container .swiper-wrapper .swiper-slide p {
    font-size: 26px;
	line-height: 42px;
}
.mission_newtit, .mission_newtit * {
    font-size: 20px;
    letter-spacing: 2px;
}
.innovation-swiper-container .swiper-wrapper .swiper-slide {
    padding-bottom: 58px;
}
.innovation-piece3 {
    height: 1385px;
}
.innovation-piece3-float {
    padding: 100px 45px 0;
}
.innovation-swiper-container .swiper-pagination-clickable .swiper-pagination-bullet {
	width: 50px;
}
.innovation-piece3-float {
    width: 1034px;
}
.innovation-swiper-box .swiper-button-white {
	margin-top: 33.5px;
}
}

@media all and (max-width: 1169px) {
    .new-technology-piece4,.first-technology-piece3 {
        background-position-x:-270px
    }
}

@media all and (max-width: 1139px) {
    .new-technology-piece4,.first-technology-piece3 {
        background-position-x:-300px
    }
}

@media all and (max-width: 1109px) {
    .new-technology-piece4,.first-technology-piece3 {
        background-position-x:-330px
    }
	.innovation-piece3 {
    height: 1342px;
}
.innovation-piece3-float {
    width: 934px;
}
}

@media all and (max-width: 1079px) {
    .new-technology-piece4,.first-technology-piece3 {
        background-position-x:-360px
    }
}

@media all and (max-width: 1049px) {
    .new-technology-piece4,.first-technology-piece3 {
        background-position-x:-410px
    }
}

@media all and (max-width: 1024px) {
    .new-technology-piece5-class-piece {
        width:970px
    }

    .new-technology-piece5-class {
        width: 520px
    }

    .new-technology-piece5-class li {
        width: 104px;
        margin: 35px 0;
		padding: 0 5px;
    }

    #example-navbar-collapse .nav li a,.switch {
        margin-left: 52px
    }

    .innovation-piece3-float,.innovation-piece3-piece1 p,.mission-piece {
        width: 100%
    }

    .mission-piece-content dl dt {
        padding-right: 25px
    }

    .mission-piece-content dl dd {
        padding-left: 25px
    }

    .mission-piece-content dl {
        margin-right: 35px
    }

    .innovation-piece3-piece1 p,.innovation-piece3-piece2 p {
        font-size: 18px;
        line-height: 38px
    }

    .mission-piece-content dl dt img {
        max-width: 75px
    }

    .innovation-piece3-piece1 h2 {
        font-size: 47px
    }

    .mission-piece h2 {
        font-size: 38px
    }

    .mission-piece-content {
        margin-top: 50px
    }

    .innovation-banner ul li {
        width: 161px;
        margin-top: 45px
    }

    .innovation-banner ul {
        width: 970px
    }

    .new-technology-piece5 {
        background-position-x: center!important
    }

    .new-piece3-list-box dl dd .content-box .years {
        font-size: 80px
    }

    .new-piece3-list-box dl dd .content-box .date div {
        height: 80px
    }

    .new-piece3-list-box dl dd .content-box h3 a {
        font-size: 28px;
        line-height: 44px;
        height: auto
    }

    .about-piece4-list .list-first {
        min-height: 754px
    }

    .about-piece4-list.active1 .list-first {
        min-height: 754px
    }

    .about-piece4-list .list-first {
        width: 600px
    }

    .new-technology-piece3 .float-piece .float-content-box h2 {
        margin-bottom: 15px
    }

    .new-technology-piece3.first-technology-piece3 .float-piece .float-content-box {
        width: 300px
    }

    .new-technology-piece3.first-technology-piece3 .float-piece {
        width: 654px
    }

    .new-technology-piece3 .float-piece .float-content-box,.new-technology-piece4 .float-piece .float-content-box,.new-technology-piece5 .float-piece .float-content-box,.new-technology-piece6 .float-piece .float-content-box {
        width: 325px;
        margin-right: 0
    }

    .new-technology-piece3 .float-piece .float-content-box .slide-more,.new-technology-piece4 .float-piece .float-content-box .slide-more {
        background: url(../images/technology-more-xs2.png) no-repeat;
        width: 12px;
        height: 12px
    }

    .new-technology-piece4 .float-piece .float-content-box .slide-more {
        background: url(../images/technology-more2-xs2.png) no-repeat
    }

    .new-technology-piece5-car {
        width: auto;
        max-width: 100%;
        margin: 60px 0 105px 45px
    }

    .first-technology-piece3 .float-piece {
        margin-top: 75px
    }

    .new-technology-piece4 .float-piece .float-content-box .slide-more,.first-technology-piece3 .float-piece .float-content-box .slide-more,.new-technology-piece6 .float-piece .float-content-box .dl-piece {
        margin-top: 25px
    }

    .new-technology-piece4 .float-piece .float-content-box .dl-piece {
        margin-top: 30px
    }
	/*  */
	.news-swiper-container .swiper-wrapper .swiper-slide a p {
		font-size: 26px;
		bottom: 60px;
	}
	.news-swiper-container .swiper-pagination .swiper-pagination-bullet {
		height: 4px;
	}
	/*  */
	.innovation-swiper-box h2 {
    font-size: 38px;
	margin-bottom: 50px;
}
.innovation-swiper-container .swiper-wrapper .swiper-slide p {
    font-size: 24px;
	line-height: 40px;
}
.innovation-piece3 {
    height: 1277px;
}
.innovation-news-float {
	top: 200px;
    right: 8px;
    max-width: 244px;
}
.innovation-piece3-float {
    width: 884px;
}
}

@media all and (max-width: 991px) {
    .about-piece4-list .list-first {
        min-height:754px
    }

    .new-technology-piece3 .float-piece .float-content-box,.new-technology-piece4 .float-piece .float-content-box,.new-technology-piece5 .float-piece .float-content-box,.new-technology-piece6 .float-piece .float-content-box {
        margin-right: 0
    }

    .new-technology-piece3.first-technology-piece3 .float-piece {
        width: 684px
    }

    .new-technology-piece3.first-technology-piece3 .float-piece .float-content-box {
        width: 370px
    }

    .first-technology-piece3 .float-piece {
        margin-top: 55px
    }

    .first-technology-piece3 {
        margin-top: 30px
    }

    .new-technology-piece5-car {
        margin: 50px auto 85px
    }

    .news-float-box p {
        font-size: 22px;
        line-height: 32px
    }

    .news-float-box {
        padding: 0 130px
    }
}

@media all and (max-width: 969px) {
	.footer-Copyright {
		margin-top: 7px;
	}
	.record-piece {
		margin-top: 20px;
	}
	.news-swiper-container .swiper-button-prev,
	.news-swiper-container .swiper-button-next {
		width: 38px;
		height: 60px;
	}
	.join-piece2-title p {
		font-size: 18px;
	}
	.about-piece4-swiper-background {
		width: 100% !important;
	}
    #canvas span {
        font-size:30px
    }

    .footer-logo {
        max-width: 200px;
        width: 200px
    }

    .about-piece3-swiper-container-hd p,.about-piece4-swiper-container-hd p {
        max-width: 460px
    }

    .about-piece3-content .hd ul li {
        margin-right: 26px
    }

    .new-details-banner {
        margin-top: 70px
    }

    .new-technology-piece5-class-piece {
        width: 880px
    }

    .innovation-piece3-float,.innovation-piece3-piece1 p,.mission-piece,.innovation-piece3-piece1 p,.innovation-piece3-piece2 p {
        width: 100%!important
    }

    .innovation-banner ul li {
        width: 153px;
        margin-top: 40px
    }

    .innovation-banner ul {
        width: 768px
    }

    .innovation-banner h2 {
        font-size: 47px
    }

    .new-piece3-list-box dl dt {
        max-height: 184px
    }

    .about-piece3-title .describe {
        font-size: 16px;
        line-height: 34px
    }

    .about-piece4-list .list-first .first-content .first-details {
        font-size: 16px;
        line-height: 28px
    }

    .technology-swiper-button-next,.technology-swiper-button-prev {
        width: 26px;
        height: 55px;
        top: 178px!important
    }

    .news-float-box p {
        font-size: 20px;
        line-height: 30px
    }

    .news-float-box {
        padding: 0 110px
    }

    .join_job h1 span {
        font-size: 50px
    }

    .join-piece3-title h2,.join-piece4-title h2 {
        font-size: 44px!important;
        line-height: 44px!important
    }

    .join-piece3-content {
        margin-top: 55px
    }

    .join-piece3-content {
        padding-left: 0;
        padding-right: 0
    }

    .technology-swiper-button-next,.technology-swiper-button-prev {
        right: 28px
    }

    .technology-swiper-button-prev {
        right: inherit;
        left: 28px
    }

    .general-piece {
        width: 768px
    }

    .navbar-brand {
        height: auto
    }

    .logo {
        width: 179px;
        height: auto
    }

    #example-navbar-collapse .nav li a {
        font-size: 18px;
        margin-left: 16px
    }

    .technology-swiper-slide .float-box {
        left: 50%;
        -ms-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        min-width: 530px
    }

    .technology-piece3,.technology-piece5 {
        margin-top: 85px
    }

    .technology-piece3-title {
        padding-bottom: 0;
        padding-top: 85px
    }

    .technology-piece3-title h2 {
        font-size: 44px!important;
        line-height: 44px!important;
        height: 44px!important
    }

    .technology-piece3-title span {
        font-size: 60px;
        width: auto
    }

    .technology-piece3-content-left,.technology-piece3-content-right {
        width: 100%
    }

    .technology-piece3-content-left {
        padding-top: 36px
    }

    .technology-piece3-content-right span {
        display: none
    }

    .technology-piece3-content-right {
        text-align: center;
        margin-top: 12px
    }

    .technology-piece4-title h2 {
        margin-top: 136px
    }

    .technology-piece4-title {
        padding: 0
    }

    .technology-piece5-content-piece1 dl:nth-child(2),.technology-piece6-content .second,.technology-piece4-content-left dl:nth-child(2) {
        margin: 0 166px
    }

    .technology-piece5-title h2,.technology-piece6-title h2 {
        margin-top: 76px
    }

    .technology-piece6 {
        margin-top: 85px
    }

    .technology-piece6-content .second {
        margin-top: 50px
    }

    .technology-piece6-title {
        padding-bottom: 38px
    }

    .about-swiper-slide .float-box .float-box-content {
        width: 100%;
        padding: 0 30px
    }

    .about-swiper-slide .float-box .float-box-content h2 {
        text-align: left;
        font-size: .30rem;
		color:#e5e5e5;
    }

    .about-piece3-title h2 {
        margin-top: 103px
    }

    .about-piece4-content-list-box .first {
        padding: 45px 30px 0
    }

    .about-piece4-content-list-box .first h2 {
        font-size: 42px
    }

    .about-piece4-content-list-box .first p {
        font-size: 24px;
        line-height: 48px
    }

    .about-piece4-content-list-box .second {
        padding-right: 15px
    }

    .about-piece4-content-list-box-second .second {
        padding-right: 0;
        padding-left: 15px
    }

    .about-piece4-content-list-box-third .second {
        padding: 0
    }

    .about-piece4-content-list-box-third .second img {
        max-width: 30%
    }

    .about-piece5 {
        height: 100%;
        line-height: inherit;
        padding: 90px 0
    }

    .about-piece5-title h2 {
        margin: 0 0 40px;
        height: 52px;
        line-height: 52px
    }

    .join-piece2-title h2 {
        font-size: 66px
    }

    .join-piece2-title p {
        padding-top: 0
    }

    .join-piece2-title p {
        width: 678px;
        margin-top: 0;
        padding-bottom: 0
    }

    .join-piece2-title p span,.join-piece2-title .join-piece2-title-p {
        font-size: 18px
    }

    .join-piece3 {
        width: 578px
    }

    .gallery-top-box .swiper-button-white {
        width: 30px;
        height: 63px
    }

    .gallery-top-box .swiper-button-next {
        right: -50px
    }

    .gallery-top-box .swiper-button-prev {
        left: -50px
    }

    .join-piece4 .join-piece4-box {
        width: 678px
    }

    .join-piece3-title span {
        padding-left: 80px
    }

    .join-piece2-title {
        margin-bottom: 0
    }

    .join-piece2-content ul li {
        margin-bottom: 0
    }

    .join-piece2-content ul li {
        margin-top: 45px!important
    }

    .join-piece2-content ul li:first-child {
        margin-right: 25px
    }

    .join-piece2-content ul li:first-child {
        line-height: 32px;
        font-size: 32px
    }

    .join-piece2-content ul li a {
        height: 46px;
        line-height: 46px;
        border-radius: 48px;
        font-size: 18px;
        width: 160px
    }

    .join-piece2-title .join-piece2-title-p {
        margin-top: 12px
    }

    .join-piece2-content ul li.recruitment-list-box {
        margin-top: 0
    }

    .join-piece3-box {
        padding-bottom: 80px
    }

    .join-piece3-title span img {
        width: 143px
    }

    .join-piece3-title h2 {
        width: 450px;
        font-size: 57px
    }

    .join-piece4 {
        padding-top: 80px;
        height: 1124px;
        padding: 80px 0
    }

    .join-piece4-content ul li {
        margin-left: 0!important
    }

    .join-piece4-content span {
        font-size: 60px
    }

    .join-piece4-content ul li,.join-piece4-content ul li h2 {
        margin-top: 45px
    }

    .join-piece4-content ul li img {
        width: 120px;
        height: 120px
    }

    .join-piece4-content ul li h2 {
        font-size: 20px;
        margin-top: 25px
    }

    .join-piece4-content ul li {
        margin-left: 159px;
        margin-top: 60px
    }

    .new-technology-piece3.technology-piece3 .new-technology-piece3-title span img {
        width: 368px
    }

    .new-technology-piece3.technology-piece3 .new-technology-piece3-title h2 img {
        width: 197px
    }

    .new-technology-piece3.technology-piece3 .new-technology-piece3-title h2 {
        margin-top: 85px
    }

    .new-technology-piece3.technology-piece5 .technology-piece5-title span img {
        width: 383px
    }

    .new-technology-piece3-title.technology-piece5-title h2 img {
        width: 218px
    }

    .new-technology-piece3-title.technology-piece5-title h2 {
        margin-top: 74px
    }

    .new-technology-piece3-title.technology-piece5-title {
        padding-bottom: 20px
    }

    .join-piece2-float-box,.join-piece2-serach .search-box {
        width: 678px;
        min-width: inherit
    }

    .join-piece2-serach {
        bottom: 50px
    }

    .join-piece2-float {
        margin-top: 75px
    }

    .join-piece2-float .en-title {
        font-size: 60px
    }

    .join-piece2-float .cn-title {
        font-size: 34px
    }

    .news-piece3-other {
        background: url(../images/news-img12.png) no-repeat center;
        height: 93px
    }

    .news-piece3-list-box li .left-img {
        height: 300px;
        line-height: 300px;
        min-height: inherit
    }

    .news-piece3 {
        padding: 97px 0 47px
    }

    .about-piece3-swiper-container {
        margin-top: 65px;
        padding-bottom: 0
    }

    .about-piece3-content dl dd em {
        margin-top: 20px
    }

    .about-piece3 {
        height: auto
    }

    .about-piece4-title h2 img {
        width: 179px
    }

    .about-piece4-title h2 {
        margin: 95px 0 60px
    }

    .about-piece4-list .list-first .first-content h2 {
        margin-top: 62px
    }

    .word-img {
        display: none
    }

    .about-piece4-title {
        margin: 0;
        width: 708px;
        padding: 0;
        margin: auto
    }

    .about-piece4-title span img {
        width: 417px
    }

    .join-piece4-content span+ul {
        margin-top: 35px
    }

    .join-piece4-content span {
        margin-top: 24px
    }

    .about-piece3-title h2 {
        padding-bottom: 0;
        line-height: 52px;
        height: 52px;
        margin: 0
    }

    .about-piece4-title h2 {
        height: 52px
    }

    .about-piece3-title span {
        padding-bottom: 34px
    }

    #pageBox {
        margin-bottom: 92px
    }

    .shaft {
        margin-top: 168px
    }

    .new-piece3-list-box {
        width: 100%
    }

    .new-piece3-list-box dl {
        width: 678px
    }

    .new-piece3-list-box dl dd .content-box {
        padding: 60px 0
    }

    .details-title,.details-content,.new-details-page {
        margin-top: 90px
    }

    .details-date {
        margin-top: 51px
    }

    .new-details-piece2 {
        padding-bottom: 66px
    }

    .new-piece3 {
        margin-top: 60px
    }

    .details-title {
        font-size: 32px;
        line-height: 52px;
        margin-top: 70px
    }

    .details-date {
        font-size: 24px;
        line-height: 24px
    }

    .details-intro {
        padding-top: 40px
    }

    .nav-spacing {
        height: 98px
    }

    .about-piece4-content-list-box .first p {
        height: 192px
    }

    .about-piece4-content-list-box .first p.active-content {
        height: auto
    }

    .language {
        top: 80px
    }

    .navbar-collapse.collapse {
        margin-top: 19px
    }

    .switch {
        margin-top: 16.5px
    }

    .join-piece2 {
        height: auto
    }

    .join-piece2-float {
        margin-top: 100px
    }

    .join-piece2-serach {
        bottom: 125px
    }

    .join-piece2 .news-en-title {
        font-size: 75px!important;
        height: 75px
    }

    .join-piece2 .news-cn-title {
        font-size: 75px!important;
        margin-top: -54px;
        height: 75px;
        margin-top: -12px;
        margin-left: 16px
    }

    .join-piece4-content ul li:nth-child(5),.join-piece4-content ul li:nth-child(9),.join-piece4-content ul li:nth-child(13),.join-piece4-content ul li:nth-child(17),.join-piece4-content ul li:nth-child(21) {
        margin-left: 148px
    }

    .join-piece4-content ul li:nth-child(4),.join-piece4-content ul li:nth-child(7),.join-piece4-content ul li:nth-child(10),.join-piece4-content ul li:nth-child(13),.join-piece4-content ul li:nth-child(16) {
        margin-left: 0
    }

    .new-piece3-list-box dl .fl,.new-piece3-list-box dl .fr {
        width: 400px;
        height: 184px;
        line-height: 184px
    }

    .new-piece3-list-box dl dd.fr {
        width: 278px;
        height: 184px;
        line-height: 184px
    }

    .new-piece3-list-box dl dd .content-box {
        padding: 0;
        margin-left: 30px
    }

    .new-piece3-list-box dl dd .content-box {
        width: 248px
    }

    .new-piece3-list-box dl dd .content-box h3 a {
        height: auto;
        font-size: 16px!important;
        line-height: 30px!important;
        max-height: 90px!important
    }

    .new-piece3-list-box dl dd .content-box h3 {
        margin-top: 15px
    }

    .new-piece3-list-box dl dd .content-box .years {
        padding-right: 15px;
        font-size: 55px!important;
        line-height: 45px;
        height: 45px
    }

    .new-piece3-list-box dl dd .content-box .month {
        font-size: 24px!important
    }

    .new-piece3-list-box dl dd .content-box .date div {
        height: 45px!important
    }

    .new-piece3-list-box dl dd .content-box .date div {
        margin-left: 15px
    }

    .job_mess .job_mess_tit {
        padding-right: 30px
    }

    .job_mess_text {
        width: 200px;
        padding-left: 30px
    }

    .about-swiper-slide-box {
        height: 641px
    }

    .about-piece3-box.general-piece {
        width: 100%;
        padding: 0 45px
    }

    .about-piece3-title .describe {
        width: 400px;
        margin-left: 20px
    }

    .about-piece4-list .list-first {
        width: 60%
    }

    .about-piece4-list.active0 .list-first {
        padding-right: 45px
    }

    .about-piece4-list.active1 .list-first {
        padding-left: 45px;
        padding-right: 0
    }

    .about-piece4-list.active2 .list-first {
        padding-right: 45px
    }

    .about-piece4-list {
        margin-bottom: 74px
    }

    .about-piece5 {
        margin-top: 80px
    }

    .about-piece4-list .list-first {
        min-height: 655px
    }

    .about-piece4-list.active1 .list-first {
        min-height: 655px
    }

    .about-piece4-list .list-second .list-second-img {
        bottom: 50px
    }

    .about-piece5-content ul li span {
        font-size: 30px
    }

    .about-piece5-content ul li span:after {
        right: -82px
    }

    .shaft {
        margin-left: 39px
    }

    .new-piece3-list-box dl .top-line:after {
        right: 120px
    }

    .general-screen {
        height: auto
    }

    .technology-banner h2 {
        font-size: 52px;
        top: 172px;
        letter-spacing: 7px;
        text-indent: 7px
    }

    .general-screen .float-piece .float-content-box h2 {
        font-size: 40px
    }

    .technology-banner a {
        width: 41px
    }

    .new-technology-piece3.first-technology-piece3 .float-piece {
        margin-top: 55px
    }

    .general-screen.new-technology-piece3 .float-piece {
        padding: 0 45px;
        margin-top: 75px
    }

    .new-technology-piece5 {
        background-size: auto 340px
    }

    .new-technology-piece6 {
        margin-top: 60px
    }

    #canvas {
        width: 121px!important
    }

/*    .general-screen.technology-banner {
        height: 700px
    }*/

    .new-technology-piece4 {
        background-position-x: -315px
    }

    .new-technology-piece4,.first-technology-piece3 {
        background-position-x: 100%
    }

    .new-piece3-list-box dl .top-line:after {
        left: 475px
    }

    .new-piece3-list-box:nth-child(3) dl .top-line:after {
        left: 400px
    }

    .new-piece3-list-box:nth-child(5) dl .top-line:after {
        left: 560px
    }

    .news-page {
        margin-top: 90px
    }

    .new-piece3 {
        padding-bottom: 90px
    }

    .details-content-container {
        padding-top: 45px
    }

    .new-details-piece2.new-general-piece {
        padding-bottom: 0
    }

    .navbar .container-fluid {
        padding: 0 15px
    }

    .language {
        right: 15px
    }

    .language li a {
        font-size: 20px;
        line-height: 20px
    }

    .new-piece3-list-box dl dd .content-box {
        margin-top: 7px!important
    }

    .float-font {
        width: 471px;
        margin-right: 38px
    }

    .details-intro-h4-two {
        width: 471px
    }

    .details-content-two {
        margin-top: 97px
    }

    .new-technology-piece5 {
        height: 745px;
        background-position-y: 345px
    }

    .shaft {
        width: 169px
    }

    .about-piece5-box.general-piece {
        width: 100%
    }

    .about-piece5-content ul li span {
        width: 170px
    }

    .about-piece5-content ul li p {
        margin-left: 70px
    }

    .about-piece5-content ul li p {
        max-width: 438px
    }

    .join-piece3-title h2 {
        font-size: 52px
    }

    .about-swiper-slide .float-box .float-box-content .cn-title {
        font-size: 52px
    }

    .about-swiper-slide .float-box .float-box-content .cn-title,.about-piece4-title h2,.about-piece3-title h2,.about-piece5-title h2 {
        font-size: 44px;
        line-height: 44px;
        height: 44px
    }

    .about-piece4-list .list-first .first-content h2 {
        font-size: 46px
    }

    .innovation-banner-float {
        bottom: 26.5%
    }

    .innovation-piece3-float,.innovation-piece4 {
        width: 678px
    }

    .innovation-piece3-piece1 h2 {
        font-size: 42px
    }

    .innovation-piece3-piece1 h2,.innovation-piece3-piece2 h2 {
        width: 275px
    }

    .innovation-piece3-piece1 p,.innovation-piece3-piece2 p {
        width: 403px;
        font-size: 18px;
        line-height: 38px
    }

    .mission-piece-content dl dt img {
        max-width: 55px
    }

    .mission-piece-content dl dt {
        padding-right: 15px
    }

    .mission-piece-content dl dd {
        padding-left: 15px
    }

    .mission-piece-content dl dd h3,.mission-piece p {
        font-size: 18px
    }

    .mission-piece-content dl dd p {
        font-size: 16px
    }

    .mission-piece-content dl {
        margin-right: 15px
    }

    .mission-piece h2 {
        font-size: 36px
    }

    .innovation-piece3-piece2 {
        margin-top: 48px
    }

    .innovation-piece3-piece3 li {
        width: 205px;
        height: 177px;
        line-height: 173px
    }

    .innovation-piece3-piece3 li:nth-child(2) {
        margin: 0 31.5px
    }

    .innovation-piece3-piece3 {
        margin-top: 62px
    }

    .innovation-piece3-piece3 li div h3 {
        font-size: 22px;
        padding-bottom: 19px;
        margin-bottom: 23px
    }

    .innovation-piece3-piece3 li div p {
        font-size: 18px
    }

    .innovation-piece4 h2 span {
        font-size: 49px
    }

    .innovation-piece4 {
        margin-top: 125px
    }

    .innovation-piece4 h2 {
        margin-bottom: 38px
    }

    .float-pdf {
        width: 126px;
        height: 126px
    }

    .float-pdf dt img {
        width: 31px
    }

    .float-pdf dd {
        font-size: 18px
    }

    .float-pdf dt {
        margin-top: 27px
    }

    .innovation-piece4-content div h3 {
        font-size: 38px
    }

    .innovation-piece4-content div ul li img {
        max-width: 92%
    }

    .innovation-piece4-content div ul li {
        margin-bottom: 30px
    }

    .new-technology-piece3 .float-piece .float-content-box,.new-technology-piece4 .float-piece .float-content-box,.new-technology-piece5 .float-piece .float-content-box,.new-technology-piece6 .float-piece .float-content-box {
        width: 300px
    }

    .new-technology-piece3 .float-piece .float-content-box .dl-piece dl:nth-child(2),.new-technology-piece6 .float-piece .float-content-box .dl-piece dl:nth-child(2) {
        margin: 0 43px
    }

    .about-piece5-content ul {
        padding: 50px 0 66px
    }

    .about-piece5-content ul li p {
        font-size: 18px;
        line-height: 26px
    }

    .about-piece5-content ul li span {
        min-height: 52px;
        line-height: 52px
    }

    .alone {
        font-size: 22px!important;
        line-height: 42px!important
    }

    .join-piece2-title p span:first-child {
        font-size: 20px
    }

    .join-piece2-box {
        margin-top: 3px
    }

    .new-technology-piece3.first-technology-piece3 .float-piece .float-content-box {
        margin-top: 0
    }

    .switch {
        margin-left: 32px
    }

    #example-navbar-collapse .nav li a {
        margin-left: 32px
    }

    .new-technology-piece3 .float-piece .float-content-box .dl-piece dl dt {
        width: 60px;
        height: 60px
    }

    .new-technology-piece3 .float-piece .float-content-box .dl-piece dl dd {
        font-size: 16px;
        margin-top: 15px
    }

    .footer-piece .code-box dt {
        width: 88px;
        height: 88px
    }

    .footer-piece .code-box {
        margin-left: 20px
    }

    .footer-nav li {
        margin-left: 30px
    }

    .footer-piece-contact {
        width: 320px
    }

    .footer-piece-contact ul li span:nth-child(2) {
        margin-top: 10px
    }

    .footer-piece-contact ul li:nth-child(2) {
        margin: 7px 0
    }

    .footer-piece-contact {
        margin-top: 25px
    }

    .footer-piece-box {
        max-width: 969px
    }

    .footer-piece-box-right {
        width: 538px
    }
	
	/*  */
	.news-swiper-container .swiper-wrapper .swiper-slide a p {
		font-size: 22px;
		padding: 0 70px;
		line-height: 60px;
	}
	.join-piece2-serach-box,
	.join-piece2-serach .search-box {
		width: 678px;
	}
	.join-piece2-serach-box h2 {
        font-size: 42px;
		margin-bottom: 80px;
    }
	.join-piece2-serach-box {
		margin-bottom: 92px;
	}
	.news-piece-container {
	    margin-top: 70px;
	}
	.innovation-piece3-float {
    padding: 90px 45px 0;
}
.innovation-swiper-box h2 {
	font-size: 36px;
}
.innovation-swiper-container .swiper-wrapper .swiper-slide p {
    font-size: 22px;
	line-height: 38px;
}
.innovation-swiper-container .swiper-wrapper .swiper-slide {
    padding-bottom: 50px;
}
.mission_newtit, .mission_newtit * {
    font-size: 18px;
    letter-spacing: 2px;
}
.innovation-piece3 {
    height: 1222px;
}
.innovation-swiper-container .swiper-pagination-clickable .swiper-pagination-bullet {
    margin: 0 14px;
}
.innovation-piece3-float {
    width: 784px !important;
}
}

@media all and (max-width: 880px) {
	
	
.pull-height {
    height: 364px;
}
	.hezhinr {
    position: relative;
    top: 50px;
  width:100%;}
  
  .hezhi {
    background: #000;
    color: #fff;
    margin-top: -20px;
    text-align: center;
    height: 1600px;
}
  
.hezhinr h1{margin-bottom:50px;font-size:30px;}
.hezhinr .dua2,.hezhinr .dua4{width:500px; text-align:center;} 
.hezhinr .dua2{position:relative;margin:10px 0 0 0;}
.hezhinr .dua4{position:relative;margin:10px 0 0 0;}
.hezhinr .dua2 p,.hezhinr .dua4 p{font-size:20px!important; text-align:left;}
.hezhinr .dua1,.hezhinr .dua2{float:none;margin:auto}
.hezhinr .dua3,.hezhinr .dua4{float:none;margin:auto}


    .new-technology-piece5-class-piece {
        width:768px
    }

    .new-technology-piece5-class {
        width: 420px
    }

    .new-technology-piece5-class li {
        width: 84px;
        margin: 25px 0;
    }

    .new-technology-piece3.first-technology-piece3 .float-piece .float-content-box {
        margin-top: 0
    }
	.innovation-piece3 {
    height: 1182px;
}
.innovation-news-float {
    max-width: 224px;
}
.innovation-piece3-float {
    width: 684px !important;
}
}

@media all and (max-width: 768px) {
    .new-technology-piece4 .float-piece .float-content-box,.new-technology-piece5 .float-piece .float-content-box,.new-technology-piece6 .float-piece .float-content-box {
        width:300px
    }

    .new-technology-piece4,.first-technology-piece3 {
        background-position-x: 85%
    }

    .new-technology-piece3 .float-piece .float-content-box .dl-piece dl:nth-child(2),.new-technology-piece6 .float-piece .float-content-box .dl-piece dl:nth-child(2) {
        margin: 0 43px
    }

    .new-technology-piece5 {
        height: 771px;
        background-position-y: 371px
    }

    .footer-piece {
        margin-top: 100px
    }

    .new-details-banner {
        padding: 0 15px
    }
}

@media all and (max-width: 767px) {
	
	.swiper-slide-active{
		width:450px;
		height:auto;
	}
	.join-swiper-slide{
		width:120px;
		height:auto;
	}
.case-box {
    width: 90%;
    margin: 0 auto;
    position: relative;
}

.case-item {
	 margin: 0 auto;
	padding:10px;
	float:none;
}

.case-wrapper .case-item+.case-item {
     margin-left: 50%;
    left: -220px;
}

.case-box-title em {
    font-size: 30px;
}
.case-content-bg {
    height: 1865px;
}
	
.technology-swiper-slide {
    position: relative;
    padding-top: 150px;
}
  .build-video {
    width: 100%;
    height: 4.47rem;
  }
  .Banner002661 .ycenter h2 {
  font-size: 34px;
  }
  
  .hezhinr {
    position: relative;
    top: 50px;
  width:100%;}
  
  .hezhi {
    background: #000;
    color: #fff;
    margin-top: -20px;
    text-align: center;
    height: 900px;
}
  
.hezhinr h1{margin-bottom:50px;font-size:25px;}
.hezhinr .dua2,.hezhinr .dua4{width:500px; text-align:center;} 
.hezhinr .dua2{position:relative;margin:10px 0 0 0;}
.hezhinr .dua4{position:relative;margin:10px 0 0 0;}
.hezhinr .dua2 p,.hezhinr .dua4 p{    
	font-size: 14px!important;
    width: 90%;
    margin: auto;}
.hezhinr .dua1,.hezhinr .dua2{float:none;margin:auto}
.hezhinr .dua3,.hezhinr .dua4{float:none;margin:auto}

  
  
  .Banner002661::before, .Banner002661 .ycenter {
    position: absolute;
    left: 20px;
    top:50px;
    width: 100%;
}
  
  .kzq img{width:150%;height:auto;}
	.footer-piece .footer-piece-box .footer-logo,
	.footer-piece .footer-piece-box .footer-Copyright {
		position: static;
		margin-left: 0;
	}
	.footer-piece .footer-piece-box .footer-Copyright {
		font-size: 0.16rem;
		line-height: 0.22rem;
		margin-top: 0.09rem;
		letter-spacing: 0.01rem;
		width: 100%;
		text-align: left;
	}
	.record-piece {
		margin-top: 0.09rem;
		line-height: 0.26rem;
	}
	.news-swiper-container .swiper-button-prev,
	.news-swiper-container .swiper-button-next {
		width: 0.39rem;
		height: 0.62rem;
		bottom: 0.38rem;
		left: 0;
	}
	.news-swiper-container .swiper-button-next {
		left: initial;
		right: 0;
	}
	.innovation-piece3-float {
		height: auto !important;
		padding-bottom: 1.48rem !important;
	}
    .mission_newtit{
        padding: 0 1.03rem;
        bottom: 0.7rem !important;
    }
    .mission_newtit,
    .mission_newtit *{
        font-size: 0.18rem;
    }
    .js_tx_video_container,.js_tx_video_container iframe {
        min-height:4rem
    }

    .amap-info-close {
        font-size: .14rem!important
    }

    .amap-marker-label {
        width: 4rem
    }

    .amap-marker-label .info {
        font-size: .14rem;
        line-height: .22rem;
        color: #000
    }

    .amap-marker-label .info:first-child {
        font-size: .18rem;
        line-height: .26rem;
        margin-bottom: .05rem
    }

    .technology-mobile-banner {
        display: block
    }

    .technology-mobile-banner img {
        opacity: 1
    }

    .new-technology-piece5-class-piece {
        display: none
    }

    .class-box5 {
        display: block
    }

    .general-screen.first-technology-piece3 .float-piece .float-content-box .content-box.pull-height {
        margin-bottom: .7rem
    }

    .body-content {
        height: 100%!important
    }

    .about-piece3 {
        background: url(../images/about-img2.jpg) no-repeat center ;
    }

    .float-background {
        z-index: 9999
    }

    .switch .language-icon.active {
        transform: none
    }

    .footer-piece {
        display: block!important
    }

    .innovation-piece3-float,.innovation-piece3-piece1 p,.mission-piece,.innovation-piece3-piece1 p,.innovation-piece3-piece2 p {
        width: auto!important
    }

    .mission-piece-content dl dt img {
        max-width: 100%
    }

    .footer-piece a,.footer-piece-box-right {
        display: block;
        float: none
    }

    .footer-piece .footer-logo {
        position: relative;
        left: inherit;
        top: inherit;
        transform: none;
        width: 2.22rem;
        height: .67rem
    }

    .footer-nav {
        display: none
    }

    .join_search_form .row .shanghai-input input {
        height: .56rem;
        line-height: normal;
        padding: 0 .5rem 0 .2rem;
        font-size: .2rem
    }

    .join-piece2-content ul li a {
        display: flex;
        line-height: inherit!important;
        align-items: center;
        -webkit-align-items: center;
        box-align: center;
        -moz-box-align: center;
        -webkit-box-align: center
    }

    .new-piece3-box {
        position: relative
    }

    .mobile-arrow {
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        z-index: 999;
        height: .5rem;
        margin-top: -0.76rem
    }

    .mobile-arrow li a,.mobile-arrow li {
        font-size: 0;
        display: block
    }

    .mobile-arrow li .prepage {
        background: url(../images/new-left-arrow.png) no-repeat center;
        width: .16rem;
        height: .5rem;
        background-size: 100% 100%
    }

    .mobile-arrow li .nextpage {
        background: url(../images/new-right-arrow.png) no-repeat center;
        width: .16rem;
        height: .5rem;
        background-size: 100% 100%
    }

    .mobile-arrow li:last-child,.mobile-arrow li:first-child {
        width: .16rem;
        height: .5rem
    }

    .mobile-arrow li .prepage {
        position: absolute;
        left: .3rem;
        right: inherit;
        top: 0;
        z-index: 999
    }

    .mobile-arrow li .nextpage {
        position: absolute;
        right: .3rem;
        left: inherit;
        top: 0;
        z-index: 999
    }

    .mobile-arrow {
        display: block
    }

    .about-piece4-list .list-first {
        background: url(../images/BG3B.png);
        background-size: 100% 100%
    }

    .about-swiper-slide .float-box .float-box-content {
        margin-top: 0!important
    }

    .reveal-modal .close-reveal-modal {
        background: url(../images/close-reveal-modal-mb.png) no-repeat center;
        width: .42rem;
        height: .42rem;
        position: absolute;
        top: .26rem;
        right: .26rem;
        background-size: 100% 100%
    }

    .about-piece3-swiper-container-hd2,.about-piece4-swiper-container-hd2 {
        display: block
    }

    .new-technology-piece5-more-box {
        display: none
    }

    .technology-head-nav #example-navbar-collapse .nav li a {
        color: #4f4f4f
    }

    #example-navbar-collapse .nav .active a {
        color: #036eb8 !important;
    }

    .technology-head-nav {
        border: 0
    }

    #nav .chinese,#nav .earth {
        display: none
    }

    .join-piece3-content {
        padding-left: 0;
        padding-right: 0
    }

  


    .switch {
        height: auto;
        line-height: inherit;
        top: 50%;
        right: 1.4rem;
        margin-top: 0;
        font-size: 0;
        position: absolute;
        transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        margin-right: 0
    }

    .switch .language-icon {
        margin-top: 0;
        font-size: 0;
        display: inline-block;
        vertical-align: middle;
        width: .4rem;
        height: .41rem
    }

    .switch .language-icon img {
        width: .4rem;
        height: .41rem
    }



  

    .join_banner {
        height: 9.52rem;
        background: url(../images/join_img1-mb.jpg) center;
        background-size: cover
    }

    .join_search {
        max-height: inherit;
        width: 6.46rem;
        height: min-content;
        border: .02rem solid;
        border-width: .02rem;
        border-image: -webkit-linear-gradient(#544aa3,#6b279c) 1 1;
        border-image: -moz-linear-gradient(#544aa3,#6b279c) 1 1;
        border-image: linear-gradient(#544aa3,#6b279c) 1 1;
        padding-bottom: 0
    }

    .join_search h2 {
        text-align: center;
        margin: .6rem auto .45rem;
        width: 1.64rem;
        height: .32rem
    }

    .join_search_btn input,.selectBox select {
        border-width: .01rem;
        height: .2rem;
        line-height: .2rem;
        font-size: .2rem;
        padding: .15rem 0;
        text-indent: .2rem;
        box-sizing: border-box;
        height: .56rem;
        letter-spacing: .05rem
    }

    .join_banner .join_search .selectBox select {
        text-indent: 0;
        padding-left: .2rem;
        width: 100%;
        box-sizing: border-box;
        background: #fff;
        letter-spacing: .03rem;
        height: auto;
        padding: 0 .5rem 0 .2rem;
        height: .56rem;
        line-height: normal
    }

    .join_search_btn,.join_search_form .row {
        margin: 0 .55rem
    }

    .join_search_form .row .col-lg-4 {
        padding: 0;
        position: relative
    }

    .join_search_btn {
        position: relative;
        overflow: hidden
    }

    .join_search_form .row .col-lg-4:after,.join_search_btn:after {
        content: "";
        pointer-events: none;
        box-sizing: border-box;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        border: 1px solid #999;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        border-image: -webkit-linear-gradient(#53368b,#761384) 1 1;
        border-image: -moz-linear-gradient(#53368b,#761384) 1 1;
        border-image: linear-gradient(#53368b,#761384) 1 1
    }

    .selectBox,.join_search_btn input {
        border: 0 solid;
        border-image: -webkit-linear-gradient(#53368b,#761384) 1 1;
        border-image: -moz-linear-gradient(#53368b,#761384) 1 1;
        border-image: linear-gradient(#53368b,#761384) 1 1
    }

    .join_banner .join_search_btn input {
        text-indent: 0;
        height: .57rem;
        line-height: normal;
        padding: 0 .42rem 0 .2rem;
        letter-spacing: .03rem
    }

    .join_search_btn button {
        background: #fff url(../images/join_img1-mb.png) no-repeat center;
        width: .26rem;
        height: .2rem;
        background-size: 100% 100%;
        right: .16rem
    }

    .selectBox:after {
        width: .11rem;
        height: .11rem;
        background: url(../images/pull-mb.png) no-repeat center;
        right: .19rem;
        margin-top: -0.055rem;
        background-size: 100% 100%
    }

    .selectBox {
        margin-top: .3rem
    }

    .join_search_form .row .visible-xs {
        padding: .82rem 0 .52rem
    }

    .join_search_form .row .visible-xs a,.join_search_form .row .visible-xs #mb-btn {
        width: 2.06rem;
        height: .4rem;
        line-height: .38rem;
        line-height: .38rem;
        font-size: .2rem;
        background: #fff;
        border-radius: .4rem;
        text-align: center;
        color: #8b8b8b;
        border: .02rem solid #53368b;
        padding: 0;
        font-size: 0;
        position: relative
    }

    .join_search_form .row .visible-xs a span {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        font-size: .2rem;
        height: .2rem;
        line-height: .2rem;
        width: 100%;
        font-size: .2rem;
        color: #8b8b8b;
        letter-spacing: .42rem;
        text-indent: .42rem
    }

    .join_search_form .row .visible-xs #mb-btn {
        background: url(../images/mb-btn.png);
        background-size: 100% 100%;
        color: #fff;
        border: 0;
        padding: 0;
        line-height: normal
    }

    .join_search_form .row .visible-xs #mb-btn span {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        font-size: .2rem;
        height: .2rem;
        line-height: .2rem;
        width: 100%;
        font-size: .2rem;
        color: #fff;
        letter-spacing: .42rem;
        text-indent: .42rem
    }

    .join_job {
        margin-top: -0.3rem;
        width: 6.46rem;
        margin-bottom: 0;
        padding: 0 .55rem;
        margin-bottom: .6rem;
        border-width: .02rem;
        border-image: -webkit-linear-gradient(#933bbd,#9742c2) 1 1;
        border-image: -moz-linear-gradient(#933bbd,#9742c2) 1 1;
        border-image: linear-gradient(#933bbd,#9742c2) 1 1;
        box-shadow: 0 0 .65rem rgba(119,18,132,0.5)
    }

    .job_mess .job_mess_tit,.job_mess_text {
        width: 50%
    }

    .job_mess .job_mess_tit {
        padding-right: .3rem;
        position: relative;
        z-index: 999;
        width: 2.46rem;
        padding-left: .2rem
    }

    .job_mess_text {
        margin-top: 0;
        padding-left: .3rem;
        width: 2.84rem;
        padding-right: 0
    }

    .job_mess {
        padding: .4rem 0
    }

    .job_mess .job_mess_left p,.job_mess .job_mess_left .job-title {
        font-size: .2rem;
        color: #455763;
        line-height: .34rem;
        margin-bottom: .05rem
    }

    #invitelist .job_mess .job_mess_tit span {
        font-size: .2rem;
        color: #455763;
        line-height: .2rem;
        text-align: left
    }

    .job_mess .job_mess_text p {
        font-size: .2rem
    }

    .job_mess .job_mess_left.job_mess_text p {
        font-size: .2rem
    }

    #invitelist .job_mess .job_mess_text span {
        font-size: .2rem;
        color: #455763;
        line-height: .2rem
    }

    #invitelist .job_mess .job_mess_left.job_mess_text span {
        font-size: .2rem;
        text-align: left
    }

    .job_mess_text::before {
        display: none;
        width: .03rem;
        background: #455763
    }

    .join_job h1 {
        padding-top: .5rem;
        padding-bottom: .35rem;
        text-align: center;
        font-size: 0
    }

    .join_job h1 span {
        font-size: 0
    }

    .join_job h1 img {
        width: 1.74rem;
        height: .38rem;
        display: inline-block
    }

    #page {
        margin: .15rem auto .4rem!important
    }

    #page .pagingUl {
        display: none
    }

    #page .next,#page .prv {
        font-size: .18rem;
        color: #000;
        height: .38rem;
        line-height: .38rem;
        border: .02rem solid #7c93a3;
        width: 2.02rem;
        background: 0;
        border-radius: .38rem;
        padding: 0
    }

    #page .next {
        margin-left: .32rem
    }

    #page .prv {
        margin-right: .32rem
    }

    .join-piece2-xs {
        display: block;
        font-size: 0
    }

    .join-piece2-content ul,.join_footer {
        display: none
    }

    .join-piece2-xs a {
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
        width: 1.82rem;
        height: .69rem;
        margin-right: .53rem
    }

    .join-piece2-xs a:last-child {
        margin-right: 0;
        margin-left: .53rem
    }

    .join-piece2-title h2 {
        font-size: .54rem;
        letter-spacing: .05rem;
        text-indent: .05rem
    }

    .join-piece2-title p {
        font-size: .2rem;
        line-height: .48rem;
        width: 6.25rem;
        margin-top: .31rem;
        padding-bottom: .2rem;
        letter-spacing: .02rem;
        text-indent: .02rem
    }

    .join-piece2-title {
        margin-bottom: .42rem
    }

    .join-piece2-box {
        margin-top: 0;
        top: 1.9rem;
        transform: none
    }

    .join-piece3,.join-piece4-box {
        width: 100%
    }

    .join-piece3-box {
        padding-bottom: 1.42rem;
    }

    
    .join-piece3-content {
        margin-top: .5rem
    }

    .gallery-thumbs-box .swiper-slide {
        padding: .1rem;
        overflow: visible
    }

    .join-piece3-title span {
        padding-left: 0;
        background: 0;
        float: none;
        width: 2.33rem;
        height: .54rem;
        display: block;
        margin: auto;
        position: static
    }

    .join-piece3-title span img {
        width: 100%;
        height: 100%
    }

    .join-piece3-title {
        background: url(../images/about-img4-mb.jpg) no-repeat top center;
        padding-bottom: 0;
        padding-top: .35rem;
        background-size: 100% auto
    }

    .join-piece3 {
        margin-top: 1.52rem;
        padding: 0
    }

    .gallery-thumbs-box {
        background: #faf7fb;
        padding: .1rem 0
    }

    .join-piece3-box .gallery-thumbs-box {
        margin-top: .16rem;
	
    }

    .gallery-top-box .swiper-button-white,.gallery-top-box .swiper-button-next,.join-piece4-title span,.join-piece4-content span {
        display: none
    }

    .gallery-thumbs-box .swiper-button-white {
        width: .12rem;
        height: .27rem;
        left: .28rem;
        margin-top: 0;
        transform: translateY(-50%);
        background: url(../images/join-img8-mb.png) no-repeat center;
        background-size: 100% 100%
    }

    .gallery-thumbs-box .swiper-button-next {
        left: inherit;
        right: .28rem;
        background: url(../images/join-img9-mb.png) no-repeat center;
        background-size: 100% 100%
    }

    .gallery-thumbs {
        padding: 0 .5rem
    }

    .about-piece5-title h2 {
        padding-left: 0;
        background: 0
    }

    .about-piece5-title h2 {
     font-size: .31rem!important;
    line-height: .56rem!important;
    height: .56rem;
    margin-top: 0;
    display: inline-block;
    float: none;
    letter-spacing: .05rem;
    text-indent: .05rem;
    margin-bottom: 0;
    height: .56rem!important;
    }

    .join-piece4-title {
        text-align: center;
        font-size: 0;
        padding-bottom: .34rem;
        background: url(../images/white-line-mb.png) no-repeat bottom center;
        margin-bottom: .34rem;
        background-size: 100% auto
    }

    .join-piece2-title p {
        background: url(../images/white-line-mb.png) no-repeat bottom center;
        background-size: 100% auto
    }

    .join-piece4 {
        padding: 1.54rem 0 1.64rem;
        height: auto;
        background: url(../images/join-img4-mb.jpg) no-repeat center;
        background-size: 100% 100%
    }

    .join-piece4 .join-piece4-box {
        padding: 0 .7rem;
        width: 100%
    }

    .join-piece4-content ul li {
        margin-left: 0!important;
        width: auto;
        margin-top: .4rem
    }

    .join-piece4-content ul li:nth-child(2),.join-piece4-content ul li:nth-child(5),.join-piece4-content ul li:nth-child(8),.join-piece4-content ul li:nth-child(11),.join-piece4-content ul li:nth-child(14),.join-piece4-content ul li:nth-child(17) {
        margin: .4rem 1.02rem 0!important
    }

    .join-piece4-content ul li img {
        width: 1.14rem;
        height: 1.14rem
    }

    .join-piece4-content ul li h2 {
        font-size: .2rem;
        margin-top: .3rem;
        letter-spacing: .02rem;
        text-indent: .02rem
    }

    .join-piece4-content span+ul {
        margin-top: .32rem
    }

    .technology-swiper-slide .float-box .en-title,.technology-swiper-button-next,.technology-swiper-button-prev,.technology-piece4 .technology-piece4-title:after,.technology-piece5-box .technology-piece5-title h2 img,.technology-piece5-box .technology-piece5-title div.fr,.technology-piece5-content-piece1 {
        display: none
    }

    .technology-swiper-slide .float-box h2 {
        font-size: .62rem;
        text-align: center
    }

    .technology-swiper-slide .float-box {
        top: inherit;
        bottom: .95rem
    }

    .technology-swiper-pagination,.new-technology-piece3.technology-piece3 .new-technology-piece3-title h2 img,.new-technology-piece3.technology-piece3 .new-technology-piece3-title:after,.technology-piece4-title div.fl,.technology-piece4-banner-one,.new-technology-piece3-title.technology-piece5-title:after,.technology-piece6-title div,.technology-piece6-content-one {
        display: none
    }

    .new-technology-piece3.technology-piece3 .new-technology-piece3-title h2,.technology-piece5-box .technology-piece5-title h2,.technology-piece6-title {
        font-size: .58rem;
        color: #3e3a39;
        width: 100%;
        text-align: center;
        line-height: .58rem;
        margin-top: 0
    }

    .new-technology-piece3 {
        margin-top: 0;
        padding: 0
    }

    .new-technology-piece3.technology-piece3 .new-technology-piece3-title {
        padding-bottom: 0;
        height: .58rem
    }

    .technology-piece3-content .technology-piece3-content-left p,.technology-piece4-content-right p,.technology-piece5-content-piece2,.technology-piece6-content p {
        font-size: .2rem;
        color: #727171;
        line-height: .35rem
    }

    .technology-piece3-content-left {
        padding: .6rem 1rem 0
    }

    .technology-piece3-content .technology-piece3-content-left .piece3-more {
        padding: 0;
        margin: .6rem auto 1.4rem
    }

    .technology-piece3-content-right,.technology-piece4 {
        margin-top: 0
    }

    .technology-piece4 {
        background: #2f1461
    }

    .technology-piece3-content-right img {
        max-width: 100%
    }

    .technology-piece4 .technology-piece4-title {
        padding-bottom: 0
    }

    .technology-piece4 .technology-piece4-content {
        padding-top: .5rem
    }

    .technology-piece4-box,.new-technology-piece3-title.technology-piece5-title,.technology-piece5-box,.technology-piece6-box {
        padding: 0
    }

    .technology-piece4-content-left dl {
        margin-bottom: 0
    }

    .technology-piece4-content-left dl dt img,.technology-piece6-content dl dt img {
        width: .75rem;
        height: .74rem
    }

    .technology-piece4-content-left dl dd,.technology-piece6-content dl dd {
        font-size: .26rem;
        margin-top: .3rem
    }

    .technology-piece4-content-left dl:nth-child(2),.technology-piece6-content .second {
        margin: 0 1.2rem
    }

    .technology-piece6-content dl {
        margin: 0
    }

    .technology-piece4-banner-two,.technology-piece5-content-piece2-more,.technology-piece6-content-two {
        display: block
    }

    .technology-piece4-content-right p {
        color: #dcdddd
    }

    .technology-piece4-content-right .piece4-more {
        margin: .6rem auto .1rem
    }

    .technology-piece5-content-piece2 {
        padding: 0 1rem;
        margin: .6rem auto
    }

    .technology-piece4-content-right p:first-child {
        margin-top: .5rem
    }

    .technology-piece4 {
        height: auto;
        line-height: inherit;
        padding-top: .75rem
    }

    .technology-piece5 {
        margin-top: 1.3rem;
        background: 0
    }

    .technology-piece5-content img {
        margin: auto;
        display: block;
        width: 6.71rem;
        height: 3.22rem
    }

    .technology-piece6 {
        margin-top: .75rem;
        height: auto;
        line-height: inherit;
        padding-top: .75rem;
        background: #371287
    }

    .technology-piece6-title {
        text-align: center;
        margin: 0;
        padding: 0;
        border: 0
    }

    .technology-piece6-content {
        margin-top: .5rem
    }

    .technology-piece6-content p {
        color: #fff;
        padding: 0 1rem
    }

    .technology-piece6-content-two {
        margin-top: .5rem
    }

    .technology-piece6 .float-img {
        display: block;
        position: static;
        width: 100%;
        text-align: left;
        font-size: 0;
        background: #371287
    }

    .technology-piece6 .float-img img {
        width: 6.51rem;
        height: 4.68rem
    }

    .general-piece {
        width: 100%
    }

    .piece4-show-content {
        padding: 0 1rem
    }

    .technology-piece3-content .technology-piece3-content-left .piece3-more,.technology-piece4-content-right .piece4-more,.slide-more,.about-piece4-content-list-box .first .piece4-more,.piece6-more {
        width: .19rem!important;
        height: .19rem!important;
        background-size: 100% 100%!important
    }

    .active-content {
        height: 1rem;
        overflow: hidden
    }

    .piece6-more {
        display: block
    }

    #page .prv,#page .next {
        font-size: .18rem
    }

    .about-swiper-slide .float-box {
       
        width: 6.5rem;
        height: 9.32rem;
        left: .7rem;
        top: -3.3rem!important;
        margin-top: 0!important;
        min-width: inherit;
        background-size: 100% 100%;
        transform: none;
        position: absolute;
        padding: 0!important;
        overflow: hidden;
        margin-left: 0;
        bottom: inherit!important
    }

    .technology-swiper-container {
        padding-top: 0;
        margin-top: .0rem;
        overflow: hidden;
        padding-top: 3.3rem;
		background:#000;
    }

    .about-swiper-slide .float-box .float-box-content .en-title,.about-piece3-title span,.about-piece4-title h2 img,.about-piece5-title div.fl {
        display: none
    }

    .about-swiper-slide .float-box .float-box-content .cn-title,.about-piece3-title h2 {
        padding-left: 0;
        background: 0;
        font-size: .5rem;
        text-align: center;
        margin-bottom: .56rem;
        margin-top: .7rem;
        height: auto;
        line-height: .56rem
    }

    .about-swiper-slide .float-box .float-box-content .cn-title {
        background: url(../images/white-line-mb.png) no-repeat bottom center;
        padding-bottom: .3rem;
        margin-bottom: .1rem;
        background-size: 100% auto;
        letter-spacing: .05rem;
        text-indent: .05rem;
        height: auto;
        line-height: .56rem;
        background: 0;
        text-align: left;
        position: static;
        margin-top: .76rem
    }

    .about-swiper-slide .float-box .float-box-content {
        padding:0 .4rem;
        margin: 0 auto 0
    }

    .about-swiper-slide .float-box .float-box-content p,.about-piece3-content .describe {
        font-size: .2rem;
        line-height: .3rem;
        letter-spacing: .01rem
    }

    .about-swiper-slide .float-box .float-box-content p {
        word-break: break-all;
        letter-spacing: .01rem
    }

    .about-swiper-slide .float-box .float-box-content p.active-content {
        height: auto
    }

    .about-swiper-slide img {
        height: auto;
        margin-top: 0;
        position: relative!important;
        left: 0;
        top: -200px;
        z-index: -1;
        position: static
    }
	.img4{
		
	z-index: 999;
    position: relative;
    top: 200px;
    left: 0px;
	}

    .about-swiper-slide .float-box .float-box-content .slide-more {
        width: 19px;
        height: 19px;
        background-size: 100% 100%;
        margin-top: .5rem
    }

    .about-swiper-slide .float-box .float-box-content .cn-title:after {
        bottom: -0.33rem;
        height: .01rem
    }

    .technology-swiper-button-next,.technology-swiper-button-prev {
        background: url(../images/left-arrow-mb.png) no-repeat left center;
        width: .29rem;
        height: .63rem;
        left: .2rem;
        background-size: 100% 100%;
        top: 0!important;
        transform: none;
        margin-top: 3.845rem
    }

    .about-swiper-button-next4,.about-swiper-button-prev4 {
        margin-top: 4.285rem
    }

    .technology-swiper-button-next {
        background: url(../images/right-arrow-mb.png) no-repeat left center;
        right: .2rem;
        left: inherit;
        background-size: 100% 100%
    }

    .swiper-container-horizontal>.about-piece2-swiper-pagination .swiper-pagination-bullet,.swiper-container-horizontal>.about-piece3-swiper-pagination .swiper-pagination-bullet {
        width: .32rem;
        height: .05rem;
        margin: 0 .17rem
    }

    .swiper-container-horizontal>.about-piece2-swiper-pagination {
        bottom: .27rem
    }

    .about-piece3-title h2 {
        width: 5.7rem;
        line-height: .56rem!important;
        margin: 0 auto;
        background: url(../images/white-line-mb.png) no-repeat left bottom;
        padding: 1.3rem 0 .3rem;
        height: auto!important;
        font-size: .56rem!important;
        background-size: 100% auto;
        letter-spacing: .05rem;
        text-indent: .05rem;
        background: 0
    }

    .about-piece3-title {
        padding-bottom: 0;
        padding-top: 0
    }

    .about-piece3-title .describe {
        width: 5.75rem;
        font-size: .2rem;
        line-height: .35rem;
        margin: 0 auto 0;
        letter-spacing: .01rem
    }

    .about-piece3-content .describe {
        margin-top: .3rem
    }

    .general-piece {
        width: 100%
    }

    .about-piece3-box {
        padding: 0 1.25rem
    }

    .about-piece3-swiper-container {
        margin-top: 1rem;
        padding-bottom: 1.77rem
    }

    .about-piece3-content dl dt {
        width: 2.07rem;
        height: 2.07rem
    }

    .about-piece3-content dl dd h3 {
        font-size: .2rem;
        margin: .32rem auto .08rem;
        letter-spacing: .01rem;
        text-indent: .01rem;
        line-height: .4rem
    }

    .about-piece3-content dl dd p,.about-piece3-content dl dd div {
        font-size: .2rem;
        line-height: .4rem;
        padding-bottom: 0;
        letter-spacing: .01rem;
        text-indent: .01rem
    }

    .about-piece3-content dl dd em {
        padding-bottom: 0;
        margin-top: .27rem
    }

    .about-piece3-box.general-piece {
        width: 100%;
		padding: 0.45rem 0 0.45rem;
    }

    .swiper-container-horizontal>.about-piece3-swiper-pagination {
        bottom: 1.05rem
    }

    .about-piece3-content dl dd div {
        margin-bottom: 0
    }

    .about-piece4 {
        overflow: hidden
    }

    .about-piece4-title h2 {
        padding: 0;
        background: 0;
        font-size: .56rem!important;
        height: .56rem!important;
        color: #000;
        line-height: .56rem!important;
        height: .56rem;
        margin: 0;
        letter-spacing: .05rem
    }

    .about-piece4-title {
        margin: 1.4rem 0 1.4rem 1.35rem;
        padding-bottom: 0;
        background: url(../images/about-img4-mb.jpg) no-repeat bottom center;
        background-size: 100% auto;
        padding-left: 0!important;
        background: 0;
        height: .56rem!important
    }

    .about-piece4-list .list-first .first-content h2 {
        font-size: .5rem;
        margin: .8rem 0 .4rem;
        letter-spacing: .02rem
    }

    .about-piece4-list.active0 .list-first .first-content,.about-piece4-list.active2 .list-first .first-content {
        padding-left: 0
    }

    .about-piece4-list .list-first .first-content .first-details {
        font-size: .2rem;
        line-height: .35rem;
        letter-spacing: .01rem
    }

    .about-piece4-list .list-first .first-content .slide-more {
        margin-top: .52rem
    }

    .about-piece4-list .list-first {
        min-height: 11.66rem;
        width: 6.32rem
    }

    .about-piece4-list.active0 .list-first,.about-piece4-list.active1 .list-first,.about-piece4-list.active2 .list-first {
        min-height: 11.66rem
    }

    .about-piece4-list .list-first {
        width: 6.3rem
    }

    .about-piece4-list .list-third {
        padding: 0!important
    }

    .about-piece4-list .list-third img {
        border: none!important
    }

    .about-piece4-list:nth-child(odd) {
        text-align: right
    }

    .about-piece4-list:nth-child(even) {
        text-align: left
    }

    .about-piece4-list:nth-child(odd) .list-first {
        padding-right: .96rem!important
    }

    .about-piece4-list:nth-child(odd) .list-first {
        padding-left: .8rem!important
    }

    .about-piece4-list:nth-child(even) .list-first {
        padding-left: .96rem!important
    }

    .about-piece4-list:nth-child(even) .list-first {
        padding-right: .8rem!important
    }

    .about-piece4-list:nth-child(odd) .list-second,.about-piece4-list:nth-child(even) .list-second {
        height: auto!important;
        line-height: 1!important;
        width: 6.3rem!important;
        text-align: left;
        right: 0!important;
        transform: none!important
    }

    .about-piece4-list:nth-child(odd) .list-second img,.about-piece4-list:nth-child(even) .list-second img {
        bottom: 0;
        transform: scale(1);
        position: static;
        max-width: 50%
    }

    .about-piece4-list:nth-child(even) .list-second {
        right: inherit;
        left: 0;
        text-align: right
    }

    .about-piece4-list:nth-child(odd) .list-second {
        float: right;
        position: static;
        margin-bottom: .5rem
    }

    .about-piece4-list:nth-child(odd) .list-first {
        float: right
    }

    .about-piece4-list:nth-child(even) .list-second {
        float: left;
        position: static;
        margin-bottom: .64rem
    }

    .about-piece4-list:nth-child(even) .list-first {
        float: left
    }

    .about-piece4-list {
        margin-bottom: 1.4rem;
        overflow: hidden
    }

    .about-piece4-content-list-box {
        background: 0;
        height: auto;
        line-height: 1em;
        padding-bottom: 0;
        margin-top: 2rem
    }

    .about-piece4-content-list-box .first {
        width: 6.3rem;
        padding: 0 .8rem;
        position: static;
        overflow: hidden;
        float: right;
        min-height: 8.88rem;
        height: auto;
        background: url(../images/about-img10-mb.png);
        padding-bottom: .8rem
    }

    .about-piece4-content-list-box .first h2 {
        font-size: .54rem;
        margin: .8rem 0 .4rem;
        text-align: right
    }

    .about-piece4-content-list-box .first p {
        font-size: .2rem;
        line-height: .35rem
    }

    .about-piece4-content-list-box .third {
        z-index: -1;
        position: relative;
        padding-bottom: 0
    }

    .about-piece4-content-list-box .second {
        padding: 0;
        line-height: 1em;
        height: auto;
        text-align: left;
        width: 6.3rem;
        position: static;
        margin-bottom: .1rem
    }

    .about-piece4-content-list-box .second img {
        max-width: 100%
    }

    .about-piece4-content-list:nth-child(even) .first {
        float: left
    }

    .about-piece4-content-list:nth-child(even) .second {
        text-align: right;
        padding-left: 1.37rem
    }

    .about-piece4-content-list:nth-child(even) .first h2 {
        text-align: left
    }

    .about-piece4-content-list:nth-child(odd) .second {
        padding-left: 1.37rem
    }

    .about-piece4-content-list:first-child .second {
        padding-left: 0;
        padding-right: 1.37rem
    }

    .about-piece4-content-list:first-child .about-piece4-content-list-box {
        margin-top: 0
    }

    .about-piece5-title h2.fr {
        padding-left: 0;
        background: 0;
        width: 100%;
        text-align: center;
        font-size: .54rem;
        line-height: .54rem;
        padding-bottom: .4rem
    }

    .technology-piece4-title {
        padding-bottom: 0
    }

    .about-piece5-content ul li span {
       font-size: .32rem;

    }

    .about-piece5-content ul li p {
       font-size: .2rem;
    line-height: .35rem;
    }

    .about-piece5-content ul {
        padding: 0
    }

    .about-piece5-box {
        padding: 0 .6rem
    }

    .new-piece3-list-box {
        width: 100%
    }

    .new-piece3-list-box dt.fl {
        width: 3.2rem;
        height: 1.94rem;
        line-height: 1.94rem;
        font-size: 0;
        text-align: center;
        max-height: 1.94rem;
        position: relative;
        z-index: 99999
    }

    .new-piece3-list-box dl .fl,.new-piece3-list-box dl .fr {
        margin-bottom: 0
    }

    .new-piece3-list-box:nth-child(even) dl .fl,.new-piece3-list-box:nth-child(even) dl .fr {
        margin-bottom: 0
    }

    .new-piece3-list-box dl dd.fr {
        width: 3.04rem;
        height: 1.94rem;
        line-height: 1.94rem;
        position: relative;
        z-index: 99999
    }

    .new-piece3-list-box dl dd .content-box {
        width: 3.04rem
    }

    .new-piece3-list-box dd.fr .date .years {
        font-size: .48rem!important;
        border-right: .02rem solid #fff;
        padding-right: .1rem;
        height: .42rem;
        line-height: .42rem;
        letter-spacing: .01rem
    }

    .new-piece3-list-box dl dd .content-box .date div {
        margin-left: .2rem;
        height: .38rem!important
    }

    .new-piece3-list-box dl dd .content-box .day {
        font-size: .18rem!important;
        line-height: .18rem;
        letter-spacing: .02rem
    }

    .new-piece3-list-box dl dd .content-box h3 {
        margin-top: .1rem
    }

    .new-piece3-list-box dl dd .content-box h3 a {
        font-size: .2rem!important;
        line-height: .36rem!important;
        max-height: 1.08rem!important;
        overflow: hidden;
        letter-spacing: .01rem
    }

    .new-piece3-list-box dl dd .content-box {
        padding: 0;
        padding-left: .2rem;
        margin: 0;
        margin-top: .08rem!important
    }

    .new-piece3-list-box dl dd .content-box .month {
        font-size: .2rem!important;
        line-height: .2rem;
        letter-spacing: .01rem
    }

    .new-piece2 .en-title {
        font-size: .7rem!important
    }

    .join-piece2-float .cn-title {
        font-size: .32rem;
        padding-left: .56rem;
        background-size: .36rem auto;
        margin-left: .7rem;
        margin-top: .1rem
    }

    .join-piece2-float .en-title {
        margin-left: 1.5rem;
        font-size: .72rem;
        letter-spacing: 2px
    }

    .join-piece2-float-box {
        width: 100%
    }

    .join-piece2-float {
        margin: 1.6rem 0 0 .7rem!important
    }

    .join-piece2-serach .search-box {
        width: 100%
    }

    .new-piece2-container .news-piece2 {
        height: 6rem!important;
        min-height: auto!important
    }

    .join-piece2-serach {
        width: 6.17rem;
        margin-left: 0;
        bottom: inherit;
        top: 4.5rem
    }

    .join-piece2-serach form {
        position: relative
    }

    .join-piece2-serach form:after {
        content: "";
        pointer-events: none;
        box-sizing: border-box;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        border-bottom: 1px solid #fff;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .join-piece2-serach .search-box {
        font-size: .2rem;
        line-height: .2rem;
        padding-bottom: 0;
        height: .6rem;
        letter-spacing: .03rem
    }

    .join-piece2-serach .search-btn {
        width: .21rem;
        height: auto;
        background-size: .25rem .23rem;
        top: 50%;
        transform: translateY(-50%);
        width: .25rem;
        height: .23rem;
        margin: 0;
        right: 0
    }

    .top-line,.bottom-line {
        display: block
    }

    .new-piece3-list-box dl .top-line {
        height: .02rem;
        background: url(../images/new-img2-mb.png) repeat-x;
        background-size: 100% 100%;
        top: -0.02rem;
        left: inherit;
		right: 0;
        z-index: -999999;
		width: 6.97rem !important;
    }

    .new-piece3-list-box:last-child .top-line {
        left: .8rem
    }

    .bottom-line {
        height: .02rem;
        width: 100%;
        background: url(../images/new-img3-mb.png) repeat-x;
        background-size: 100% 100%;
        margin-top: .06rem
    }

    .new-piece3-list-box dl {
        padding: 0 .7rem;
        width: 100%
    }

    .new-piece3 {
        margin-top: -2.35rem;
        padding-bottom: 0;
        margin-top: .5rem!important
    }

    .new-piece2-container {
        padding-bottom: .56rem
    }

    .details-title {
        font-size: .42rem;
        line-height: .58rem;
        margin-top: .65rem;
        text-align: justify;
        letter-spacing: .03rem;
        text-indent: .03rem
    }

    .details-date {
        margin-top: .38rem;
        padding-bottom: .5rem;
        border-bottom: 0;
        font-size: .28rem;
        height: auto;
        line-height: .28rem
    }

    .details-content-container pre {
        margin-top: .3rem!important;
        background: none !important;
        background-size: .12rem .22rem;
        line-height: .34rem!important;
        font-size: .2rem!important;
        height: auto!important;
       padding-left: 0 !important;
        white-space: pre-wrap;
        white-space: -moz-pre-wrap;
        white-space: -pre-wrap;
        white-space: -o-pre-wrap;
        word-wrap: break-word;
        background-position: left center
    }

    .details-content-container h2 {
        font-size: .38rem!important;
        line-height: .58rem!important;
        margin-top: .45rem!important;
        margin-bottom: .25rem!important
    }

    .content-text-spacing {
        height: .3rem!important
    }

    .details-intro {
        padding-top: 0;
        padding-bottom: .33rem;
        border-bottom: .02rem dashed #9da4ab
    }

    .details-intro,.details-intro *,.details-content,.details-content * {
        line-height: .56rem!important;
        font-size: .28rem!important
    }

    .new-details-piece2.new-general-piece {
        padding: 0 .6rem 0
    }

    .new-details-page {
        display: none
    }

    .details-content {
        margin-top: .6rem
    }

    .details-content-container .details-content .details-intro-h3 {
        font-size: .38rem!important;
        line-height: .58rem!important;
        text-align: justify!important;
        margin-bottom: .4rem
    }

    .float-content div.fl {
        margin-top: 0
    }

    .float-content img,.float-content h4 {
        display: none!important
    }

    .technology-piece3-title span {
        display: none
    }

    .nav-spacing {
        height: 1.14rem;
        border-bottom: 0;
        box-sizing: content-box
    }

    #example-navbar-collapse {
        display: block
    }

    .nav.navbar-nav {
        display: none
    }

    .language {
        z-index: 9999!important
    }

    .navbar-default .navbar-toggle:focus,.navbar-default .navbar-toggle:hover {
        background: transparent
    }

    .language-icon:hover .language {
        top: .7rem;
        right: 0
    }

    .piece6-more {
        margin-top: .6rem
    }

    .about-piece3-content dl dd em {
        width: .19rem;
        height: .19rem;
        background-size: 100% 100%
    }

    .about-piece3-swiper-pagination {
        display: block
    }

    .about-piece4-content-list-box .third {
        position: absolute;
        bottom: 0
    }

    .about-piece4-content-list-box {
        overflow: hidden
    }

    .about-piece5 {
        margin-top: 0.1rem;
        overflow: hidden
    }

    .technology-piece3-title::after {
        display: none
    }

    .about-piece5-title:after {
        display: block
    }

    .about-piece5 {
        padding: 0.1rem 0 .1rem;
        height: auto;
        background: url(../images/about-img7.jpg) no-repeat center;
        background-size: 100% 100%
    }

    .about-piece5-content ul li span:after {
        width: .64rem;
        height: .11rem;
        background-size: 100% 100%;
        right: 0!important;
        left: 1.71rem;
        top: 50%;
        transform: translateY(-50%);
        margin-top: 0
    }

    .shaft {
           background-size: .08rem 100%;
    width: 2.05rem!important;
    margin-left: 0!important;
    left: 0;
    }

    .about-piece5-content ul li span {
           width: 2rem;
    letter-spacing: .02rem;
    }

    .about-piece5-content ul li p {
        width: 4.25rem!important;
    margin-left: 0!important;
    padding-left: .34rem;
    box-sizing: border-box;
    letter-spacing: .02rem;
    }

    .about-piece5-content ul li {
        margin-top: .3rem;
		margin-top: 1px;
    }
	
	

    #ascrail2000,#ascrail2000-hr {
        display: none
    }

    #ascrail2000+div {
        display: none
    }

    .new-piece2-container {
        background:#f1f1f1;
        background-size: cover;
        height: auto;
        min-height: 100%;
        overflow: hidden
    }

    .new-html,.new-html body,.body-content {
        min-height: 100%;
        height: 100%
    }

    .gallery-thumbs-box .swiper-slide-active {
        padding: .1rem;
        border: 0;
        position: relative
    }

    .gallery-thumbs-box .swiper-slide-active:after {
        content: "";
        pointer-events: none;
        box-sizing: border-box;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        border: 1px solid #999;
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        border-image: -webkit-linear-gradient(#77129b,#5336a2) 1 1;
        border-image: -moz-linear-gradient(#77129b,#5336a2) 1 1;
        border-image: linear-gradient(#77129b,#5336a2) 1 1;
        z-index: 999
    }

    .job_mess {
        position: relative
    }

    .job_mess:hover:before {
        content: '';
        position: absolute;
        left: -0.72rem;
        top: -1px;
        background: url(../images/join-background.jpg) center;
        width: 6.76rem;
        height: 100%;
        background-size: 100% 100%;
        padding: 1px 0 0
    }

    .job_mess:hover p,.job_mess:hover span,.job_mess:hover .job-title {
        color: #601393!important
    }

    .job_mess .list-box:before {
        display: block;
        left: 2.46rem;
        width: .02rem;
        background: #455763;
        height: .49rem
    }

    .job_mess .list-box {
        float: none
    }

    .job_mess .job_mess_right {
        display: block!important;
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        top: 0;
        margin-top: 0;
        z-index: 999;
        transform: none
    }

    .job_mess .job_mess_right a {
        font-size: 0;
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        top: 0;
        border: 0;
        width: 100%;
        height: 100%
    }

    #invitelist .job_mess:hover .job_mess_right a {
        background: none!important;
        border: none!important
    }

    .all-container,.about-piece5,.about-piece5-box {
       
    }

    .about-piece5-box {
        padding: 0 .65rem
    }

    .about-piece5-title {
        margin-bottom: .1rem
    }

    .about-piece5-box.general-piece {
        padding: 0 .65rem
    }

    .piece3-show-content,.piece5-show-content,.piece6-show-content {
        height: .88rem
    }

    .piece4-show-content {
        height: 1.35rem
    }

    .active-content {
        height: auto
    }

    .about-piece4-content-list-box .first p {
        height: 1.76rem
    }

    .about-piece4-content-list-box .first p.active-content {
        height: auto
    }

    .language {
        transition: 0s!important;
        z-index: 9999!important;
        padding: 0!important;
        top: .78rem!important;
        right: -0.55rem;
        width: 1.5rem
    }

    .language li a {
        font-size: .38rem;
        padding: .32rem 0;
        line-height: .38rem;
        text-indent: .03rem;
        letter-spacing: .03rem
    }

    .language li:first-child a {
        padding-top: .38rem;
        padding-bottom: .21rem
    }

    .language li:last-child a {
        padding-bottom: .38rem;
        padding-top: .21rem
    }

    .language .ground {
        display: none
    }

    .nav-fixed {
        position: fixed;
        background: #fff!important
    }

    .nav-spacing {
        display: block
    }

    #page .prv:hover,#page .next:hover {
        color: #7841c1!important;
        border-color: #7841c1!important
    }

    .details-intro .details-intro-p,.float-content div.fl p:first-child,.details-intro-p {
        margin-bottom: .2rem
    }

    .details-intro,.details-intro * {
        color: rgba(71,72,74,.8)!important
    }

    .details-intro {
        padding-bottom: .5rem
    }

    .details-content-container {
        padding-top: .5rem
    }

    .float-content-img-mb {
        margin: .55rem auto 0
    }

    .float-content-img-mb,.details-intro-h4 {
        display: block
    }

    .details-intro-h4 {
        line-height: 1em!important;
        font-size: .26rem!important;
        color: rgba(71,72,74,.8)!important;
        margin: .42rem 0 .5rem;
        background: url(../images/new-details-img1-mb.png) no-repeat left center;
        background-size: .11rem .21rem;
        padding-left: .26rem
    }

    .join-piece2 {
        height: auto
    }

    .join-piece2 .news-en-title {
        font-size: .56rem!important;
        margin-left: 0;
        height: .56rem;
        font-weight: normal!important;
        letter-spacing: .02rem
    }

    .join-piece2 .news-cn-title {
        font-size: .56rem!important;
        margin-top: 0;
        background: url(../images/news-details-title-img1.png) no-repeat left center;
        background-size: .34rem .19rem;
        padding-left: .1rem;
        margin-left: 0;
        letter-spacing: .02rem;
        height: auto;
        background: 0
    }

    .new-piece2-container .join-piece2 img {
        opacity: 1
    }

    .join_job #page {
        margin: .14rem auto .38rem!important;
        overflow: hidden;
        width: 100%
    }

    .invitelist-style {
        font-size: .32rem;
        margin-top: .92rem
    }

    .join-piece2-serach .search-box {
        border: 0
    }

    .news-piece3-box-prompt {
        font-size: .32rem
    }

    .about-swiper-slide-box {
        height: auto!important;
        background: none!important;
        min-height: auto;
        padding-top: 0
    }

    .pull-height {
        height: 3.88rem
    }

    .slide-more {
        width: .19rem;
        height: .19rem
    }

    .about-piece2-swiper-button-next,.about-piece2-swiper-button-prev,.about-piece2-swiper-pagination {
        display: block
    }

    .about-piece4-list .list-second .list-second-img {
        position: static!important;
        width: auto!important
    }

    .about-piece4-list .list-second .list-second-img img {
        max-width: 75%
    }

    .about-piece4-list.active0 .list-third {
        z-index: -2
    }

    .about-piece4-list.active0 .list-second,.about-piece4-list.active0 .list-second-img {
        max-width: 100%!important
    }

    .about-piece4-list.active0 .list-second {
        width: 6.3rem!important
    }

    .new-piece3-list-box dl .top-line:after {
        left: 4.35rem;
        top: -0.55rem;
        width: 1.2rem;
        height: 1.04rem
    }

    .new-piece3-list-box:nth-child(even) .bottom-line:after {
        content: '';
        position: absolute;
        left: 1030px;
        top: -83px;
        width: 190px;
        height: 159px;
        background: url(../images/bright.png) no-repeat;
        background-size: 100% 100%;
        z-index: 999;
        transition: .3s;
        left: 1.285rem;
        top: -0.55rem;
        width: 1.2rem;
        height: 1.04rem
    }

    .new-piece3-list-box:nth-child(2) .bottom-line:after {
        left: .4rem
    }

    .new-piece3-list-box:nth-child(3) dl .top-line:after {
        left: 4.52rem
    }

    .new-piece3-list-box:nth-child(5) dl .top-line:after {
        left: 5.02rem
    }

    #goToTop {
        width: .42rem;
        height: .42rem;
        background-size: 100% 100%;
        right: .42rem;
        bottom: .42rem
    }

    #goToTop a {
        width: .31rem;
        height: .31rem
    }

    .join-piece4-title {
        padding-top: 0
    }

    .join-piece4-title h2 {
        height: .54rem!important;
        line-height: .54rem!important;
        font-size: .54rem!important;
        letter-spacing: .05rem;
        text-indent: .05rem
    }

    .general-screen {
        background: none!important
    }

    .technology-banner {
        height: 5.56rem
    }

    .technology-banner a {
        display: none
    }

    .technology-banner h2 {
        font-size: .56rem;
        letter-spacing: .05rem;
        text-indent: .05rem;
        top: 1.45rem!important
    }

    .general-screen .float-piece {
        margin-top: 0
    }

    .general-screen .float-piece .float-content-box h2 {
        font-size: .56rem;
        color: #3e3a39;
        margin-bottom: .54rem;
        letter-spacing: .05rem;
        text-indent: .05rem;
        line-height: .56rem;
        margin-top: 1.3rem
    }

    .general-screen .float-piece .float-content-box .content-box.pull-height {
        height: 1.32rem
    }

    .general-screen {
        height: auto
    }

    .general-screen .float-piece .float-content-box {
        width: 5.68rem
    }

    .general-screen .float-piece .float-content-box .slide-more {
        margin: .62rem auto .76rem
    }

    .new-technology-piece4 {
        margin-top: 0;
        padding-top: .8rem
    }

    .general-screen.new-technology-piece4 .float-piece .float-content-box h2,.general-screen.new-technology-piece4 .float-piece .float-content-box p,.general-screen.new-technology-piece6 .float-piece .float-content-box h2,.general-screen.new-technology-piece6 .float-piece .float-content-box p {
        color: #fff
    }

    .general-screen.new-technology-piece4 {
        background: #2f1461!important
    }

    .general-screen.new-technology-piece4 .float-piece .float-content-box h2 {
        margin-bottom: .54rem
    }

    .new-technology-piece4 .float-piece .float-content-box .dl-piece2,.new-technology-piece6 .float-piece .float-content-box .dl-piece2 {
        display: none
    }

    .new-technology-piece4 .float-piece .float-content-box .dl-piece1,.new-technology-piece6 .float-piece .float-content-box .dl-piece1 {
        display: block;
        margin-top: 0;
        margin-bottom: .28rem
    }

    .new-technology-piece4 .float-piece .float-content-box .dl-piece dl dt,.new-technology-piece6 .float-piece .float-content-box .dl-piece dl dt {
        width: .8rem;
        height: .8rem
    }

    .new-technology-piece4 .float-piece .float-content-box .dl-piece dl dd,.new-technology-piece6 .float-piece .float-content-box .dl-piece dl dd {
        font-size: .2rem;
        margin-top: .25rem;
        letter-spacing: .02rem;
        text-indent: .02rem;
        line-height: .26rem
    }

    .new-technology-piece3 .float-piece .float-content-box .dl-piece dl:nth-child(2),.new-technology-piece6 .float-piece .float-content-box .dl-piece dl:nth-child(2) {
        margin: 0 1rem
    }

    .float-piece {
        padding: 0!important
    }

    .general-screen .float-piece .float-content-box .slide-more {
        margin: .56rem auto .16rem
    }

    .new-technology-piece4 .float-piece .float-content-box .slide-more {
        background-size: .18rem .18rem!important;
        width: .18rem!important;
        height: .18rem!important
    }

    .new-technology-piece5 .new-technology-piece5-more {
        width: 1.94rem;
        height: .52rem;
        line-height: normal;
        border: .02rem solid #727171;
        font-size: .2rem;
        color: #727171;
        background: url(../images/color-more.png) no-repeat 1.18rem center!important;
        border-radius: .52rem;
        background-size: .22rem .21rem!important;
        margin: .58rem auto 1.4rem;
        padding: 0 0 0 .5rem;
        transition: none;
        display: table-cell;
        vertical-align: middle
    }

    .new-technology-piece57-more-box {
        width: 1.94rem;
        margin: .35rem auto 0
    }

    .new-technology-piece57-more-box .new-technology-piece5-more:hover {
        color: #727171;
        border: .02rem solid #727171
    }

    .new-technology-piece5 .float-piece .float-content-box .content-box {
        margin-bottom: 2.2rem
    }

    .new-technology-piece5 img {
        width: 6.71rem;
        height: 3.21rem;
        margin: 0 auto .75rem
    }

    .new-technology-piece6 {
        margin-top: 0!important;
        padding-top: 0;
        background: #3c0f72!important
    }

    .new-technology-piece6 .technology-piece6-img {
        width: 6.53rem;
        height: 4.69rem;
        display: block;
        margin-top: -0.15rem
    }

    .new-technology-piece6 .float-piece .float-content-box .dl-piece1 {
        margin-bottom: .5rem
    }

    .general-screen.new-technology-piece6 .float-piece .float-content-box .slide-more {
        margin: .6rem auto 0;
        position: relative;
        z-index: 999
    }

    .general-screen .dl-piece1,.new-technology-piece6 .float-piece .float-content-box .slide-more,.general-screen .technology-img-sm {
        display: block
    }

    .new-technology-piece5 .technology-img-sm {
        margin: auto
    }

    .new-technology-piece3 .float-piece .float-content-box .slide-more,.new-technology-piece4 .float-piece .float-content-box .slide-more,.new-technology-piece6 .float-piece .float-content-box .slide-more {
        background: url(../images/color-more2.png) no-repeat center;
        background-size: .19rem .18rem!important;
        width: .38rem!important;
        height: .18rem!important
    }

    .new-technology-piece4 .float-piece .float-content-box .slide-more,.new-technology-piece6 .float-piece .float-content-box .slide-more {
        background: url(../images/color-more3.png) no-repeat center;
        background-size: .19rem .18rem!important
    }

    .about-swiper-slide .about-swiper-slide-box .float-box .float-box-content .pull-height {
        height: auto!important
    }

    .about-piece4 .about-piece4-box .about-piece4-content .about-piece4-list .list-first .first-content .pull-height {
        height: auto!important
    }

    .about-swiper-slide .about-swiper-slide-box .float-box .float-box-content .slide-more,.about-piece4 .about-piece4-box .about-piece4-content .about-piece4-list .list-first .first-content .slide-more {
        display: none
    }

    /* .general-screen.technology-banner {
        height: auto!important;
        background: none!important;
        min-height: auto
    } */

    .new-technology-piece3 .float-piece,.general-screen .float-piece .float-content-box h2 {
        text-align: center
    }

    .news-page {
        overflow: hidden;
        padding: 0 1.55rem;
        margin-top: .56rem
    }

    .news-page li,.news-page li:first-child.thisclass,.news-page li:last-child.thisclass {
        display: none!important
    }

    .news-page li:first-child,.news-page li:last-child {
        display: block!important;
        float: left;
        margin: 0
    }

    .news-page li:last-child {
        float: right
    }

    .news-page li {
        font-size: 0
    }

    .news-page li .prepage,.news-page li .nextpage {
        font-size: .18rem;
        color: #fff;
        background: none!important;
        padding: 0;
        width: 1.96rem!important;
        height: .38rem!important;
        border: .02rem solid #fff!important;
        display: inline-block;
        border-radius: .38rem;
        line-height: inherit!important;
        margin: 0!important;
        position: relative;
        z-index: 999;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        box-align: center;
        -moz-box-align: center;
        -webkit-box-align: center;
        justify-content: center
    }

    .details-content-container,.details-content-container * {
        font-size: .28rem!important;
        line-height: .56rem!important;
        color: #000;
        text-align: justify
    }

    .details-content-container img {
        width: 100%!important;
        height: auto!important
    }

    .join_job h1 {
        background: url(../images/join_img3-mb.png) no-repeat left bottom;
        background-size: 100% auto
    }

    .about-piece5-title:after {
        background: url(../images/white-line-mb.png) no-repeat left bottom;
        background-size: 100% auto;
        background: 0
    }

    .spacing-span {
        display: none!important
    }

    .first-details-intro-p {
        margin-top: 0!important
    }

    .new-piece3-list-box:last-child .top-line {
        bottom: -0.02rem
    }

    .footer-piece {
        padding: .4rem .5rem
    }

    .footer-piece-box-right,.footer-piece-contact {
        width: 100%;
        text-align: left
    }

    .footer-piece-contact ul li span:nth-child(2) {
        margin-top: 0
    }

    .footer-piece-contact ul li span,.footer-piece-contact ul li a {
        font-size: .16rem !important;
        letter-spacing: .01rem;
        line-height: .2rem
    }

    .footer-piece-contact ul li:nth-child(2) {
        margin: .12rem 0
    }

    .footer-piece-contact {
        margin-top: .4rem
    }

    .footer-piece-contact ul li span:first-child {
        margin-right: 0
    }

    .footer-piece-box {
        padding: 0
    }

    .footer-piece a img {
        width: 2.22rem;
        height: .67rem
    }

    .footer-piece .code-box dt {
        width: 1.43rem;
        height: 1.43rem;
        margin: auto
    }

    .footer-piece .code-box {
        position: absolute;
        top: 0;
        right: 0
    }

    .footer-piece .code-box dd span {
        font-size: .16rem;
        line-height: .2rem;
        height: .2rem
    }

    .footer-piece .code-box dd span:first-child {
        margin-right: .2rem
    }

    .footer-piece .code-box dd {
        margin-top: .16rem
    }

    .footer-piece .code-box dd {
        letter-spacing: .01rem
    }

    .new-technology-piece5-more-box {
        width: 2.56rem;
        margin: 0 auto 1.4rem
    }

    .new-details-banner {
        padding: 0;
        margin-top: 0
    }

    #boxscroll-piece {
        padding: .3rem 0
    }

    .innovation-banner-float h2 {
        font-size: .62rem;
        letter-spacing: .01rem;
        text-indent: .01rem
    }

    .innovation-banner-float {
        text-align: center
    }

    .innovation-banner-float h3 {
        font-size: .28rem;
        margin-top: .28rem;
        letter-spacing: .1rem;
        text-indent: .1rem
    }

    .innovation-banner-float {
        bottom: .94rem;
        left: 0;
        width: 100%;
        text-align: center
    }

    .innovation-piece3-piece1 h2,.innovation-piece3-piece2 h2 {
        display: block;
        text-align: center;
        margin-bottom: .66rem
    }

    .innovation-piece3-piece1 h2,.innovation-piece3-piece2 h2,.innovation-piece3-piece1 p,.innovation-piece3-piece2 p {
        width: 100%;
        letter-spacing: .02rem
    }

    .innovation-piece3-float,.innovation-piece4 {
        width: 5.7rem
    }

    .innovation-piece3-piece1 h2 {
        font-size: .56rem
    }

    .innovation-piece3-piece1 p,.innovation-piece3-piece2 p {
        font-size: .2rem;
        line-height: .35rem
    }

    .innovation-piece3-piece1 {
        padding-bottom: .82rem
    }

    .innovation-piece3-piece2 {
        margin-top: .88rem
    }

    .innovation-piece3-piece2 h2 {
        font-size: .38rem
    }

    .innovation-piece3-piece3 li {
        width: 1.8rem;
        height: 1.9rem;
        line-height: 1.86rem;
        border: .02rem solid #fff
    }

    .innovation-piece3-piece3 li div h3 {
        font-size: .22rem;
        padding-bottom: .22rem;
        margin-bottom: .2rem;
        letter-spacing: .02rem
    }

    .innovation-piece3-piece3 li div p {
        font-size: .16rem;
        letter-spacing: .01rem
    }

    .innovation-piece3-piece3 li div p:last-child {
        margin-top: .15rem
    }

    .innovation-piece3-piece3 li:nth-child(2) {
        margin: 0 .15rem
    }

    .innovation-piece3-piece3 {
        margin-top: .6rem
    }

    .innovation-piece4 {
        margin-top: 1.7rem
    }

    .innovation-piece3-piece3 li div h3:after {
        content: "";
        width: .36rem;
        height: .02rem;
        position: absolute;
        left: 50%;
        bottom: 0;
        margin-left: -0.18rem;
        background: #fff
    }

    .innovation-piece3-piece1 {
        background: url(../images/innovation-img1-xs.png) no-repeat bottom center;
        background-size: 3.71rem auto
    }

    .innovation-piece4 h2 span {
        display: block;
        font-size: .56rem;
        letter-spacing: .01rem
    }

    .innovation-piece4 h2 span:first-child {
        margin-bottom: .48rem
    }

    .innovation-piece4 h2 {
        padding: 0 .1rem .35rem;
        margin-bottom: .4rem
    }

    .innovation-piece4-content div h3 {
        font-size: .28rem;
        margin-bottom: .15rem;
        letter-spacing: .02rem
    }

    .innovation-piece4-content div ul li img {
        max-width: 95%
    }

    .innovation-piece4-content div ul li {
        margin-bottom: .35rem
    }

    .innovation-piece4-content div {
        margin-top: .55rem
    }

    .float-pdf {
        width: 1.3rem;
        height: 1.3rem;
        bottom: 1.4rem;
        right: .42rem
    }

    .float-pdf dt {
        margin-top: .245rem
    }

    .float-pdf dt img {
        width: .39rem
    }

    .float-pdf dd {
        font-size: .2rem;
        margin-top: .12rem;
        letter-spacing: .01rem
    }

    .first-technology-piece3 .float-piece,.new-technology-piece4 .float-piece,.new-technology-piece6 .float-piece {
        position: static;
        transform: none;
        width: 5.68rem
    }

    .new-technology-piece3.first-technology-piece3 .float-piece .float-content-box {
        width: 5.68rem
    }

    .new-technology-piece3.first-technology-piece3 .float-piece {
        width: 100%
    }

    .technology-piece6-reproduction {
        margin-top: -0.15rem
    }

    .general-screen.new-technology-piece3.first-technology-piece3 .float-piece,.general-screen.new-technology-piece3 .float-piece {
        margin-top: 0
    }

    .about-piece3-content dl dd {
        padding: 0 .8rem
    }

    .about-piece3-content dl dd .degree {
        margin-top: 0
    }

    .alone {
        font-size: .38rem!important;
        line-height: .58rem!important;
        margin-bottom: .4rem!important;
        margin-top: .6rem!important
    }

    .alone3 {
        margin-bottom: .3rem!important;
        margin-top: .3rem!important
    }

    .alone {
        margin-top: 0!important
    }

    .details-intro-h4-two {
        width: 100%
    }

    .new-technology-piece4 .float-piece .float-content-box .dl-piece1 {
        display: none
    }

    .new-technology-piece4 .float-piece .float-content-box .dl-piece2 {
        display: block
    }

    .general-screen.new-technology-piece4 .float-piece .float-content-box h2 {
        margin-top: 0
    }

    .new-technology-piece5.new-technology-piece7 {
        background: none!important;
        position: relative;
        padding: 0
    }

    .new-technology-piece5.new-technology-piece7 .float-piece {
        position: absolute;
        top: 0;
        left: 0
    }

    .new-technology-piece5.new-technology-piece7 img {
        width: 7.67rem;
        height: 10.28rem;
        margin-bottom: 0
    }

    .new-technology-piece5.new-technology-piece7 .float-piece .float-content-box h2 {
        margin-top: .8rem;
        color: #3e3a39
    }

    .new-technology-piece5.new-technology-piece7 .float-piece .float-content-box .content-box p {
        color: #727171
    }

    .new-technology-piece5.new-technology-piece7 .float-piece .float-content-box .content-box {
        margin-bottom: 0
    }

    .about-piece5-content ul li span:after {
        width: .64rem;
        height: .11rem;
        background: url(../images/about-img15-mb.png) no-repeat center;
        background-size: 100% 100%;
        right: inherit
    }

    .shaft {
        background: url(../images/shaft-mb.png) repeat-y right center;
        background-size: .08rem 100%
    }

    .about-piece4-list.active1 .list-first .first-content {
        padding-right: 0
    }

    .new-technology-piece5-class-piece {
        position: static;
        transform: none;
        width: 100%;
        margin-top: .4rem
    }

    .new-technology-piece5-class {
        width: 5.75rem;
        margin: auto
    }

    .new-technology-piece5-class li {
        width: 1.15rem;
        margin: .4rem 0;
        padding: 0 0.05rem
    }

    .new-technology-piece5-class li img {
        width: auto!important;
        max-width: 100%;
        height: auto!important
    }

    .new-technology-piece5-class li img {
        width: 1.43rem!important
    }
	/*  */
	.mobile-arrow+.new-piece3-list-box .bottom-line {
		top: 0;
	}
	.mobile-arrow+.new-piece3-list-box .top-line,
	.mobile-arrow+.new-piece3-list-box+.new-piece3-list-box .bottom-line,
	.mobile-arrow+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box .top-line,
	.mobile-arrow+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box .bottom-line,
	.mobile-arrow+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box .top-line,
	.mobile-arrow+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box .bottom-line {
		bottom: 0 !important;
		margin-top: 0;
	}
	.mobile-arrow+.new-piece3-list-box .top-line:after {
		left: 4.52rem;
	}
	.mobile-arrow+.new-piece3-list-box+.new-piece3-list-box .bottom-line:after,
	.mobile-arrow+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box .bottom-line:after,
	.mobile-arrow+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box .bottom-line:after {
		content: '';
		position: absolute;
		background: url(../images/bright.png) no-repeat;
		background-size: 100% 100%;
		z-index: 999;
	    transition: .3s;
		top: -0.55rem;
		width: 1.2rem;
		height: 1.04rem;
		left: 1.285rem;
	}
	.mobile-arrow+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box .top-line:after {
		left: 5.02rem;
	}
	.mobile-arrow+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box .bottom-line:after  {
		left: 0.4rem;
	}
	.mobile-arrow+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box+.new-piece3-list-box .bottom-line:after {
		left: 1.285rem;
	}
	.mobile-arrow+.new-piece3-list-box .bottom-line {
		margin-top: 0;
	}
	/*  */
	.news-piece-container {
		margin-top: 0;
	}
	.news-swiper-container .swiper-wrapper .swiper-slide a {
		height: 3.5rem !important;
	}
	.news-swiper-container .swiper-wrapper .swiper-slide a p {
		font-size: 0.26rem;
		line-height: 0.66rem;
		letter-spacing: 0;
		bottom: 0.36rem;
		padding: 0 0.5rem;
		box-sizing: border-box;
		background-size: 100% 0.66rem;
	}
	.news-swiper-container .swiper-pagination .swiper-pagination-bullet {
		width: 0.12rem;
		height: 0.06rem;
		margin: 0 0.04rem;
	}
	.news-swiper-container .swiper-pagination {
		padding-right: 0.4rem;
		bottom: 0.16rem;
	}
	.join-piece2-serach-box h2 {
		font-size: 0.4rem;
		padding-left: 0.12rem;
		margin-bottom: 0.5rem;
		letter-spacing: 0.03rem;
		border-left: 0.02rem solid #fff;
	}
	.join-piece2-serach-box,
	.join-piece2-serach .search-box {
       width: 6.2rem;
    }
	.join-piece2-serach-box {
		margin: 0.54rem auto;
	}
	.innovation-swiper-box {
		width: 5.6rem;
		margin: 1rem auto 0;
	}
	.innovation-swiper-box h2 {
        font-size: .32rem;
        padding-left: .15rem;
	    margin-bottom: .65rem;
		letter-spacing: 0.03rem;
}
.innovation-piece3-float {
	background: none !important;
}
.innovation-piece3 {
	background: url(../images/innovation-img15-md.jpg) no-repeat center;
    background-size: cover;
}
.innovation-swiper-container .swiper-wrapper .swiper-slide p {
    font-size: 0.2rem;
	letter-spacing: 0.03rem;
	margin-top: 0.14rem;
	line-height: 0.4rem;
}
.innovation-swiper-container .swiper-wrapper .swiper-slide {
    padding-bottom: 0.33rem;
}
.innovation-swiper-container .swiper-pagination-clickable .swiper-pagination-bullet {
    margin: 0 0.09rem;
	width: 0.21rem;
	height: 0.03rem;
}
.innovation-piece3 {
    height: 14.5rem;
	overflow: hidden;
}
.mission-piece h2 {
	letter-spacing: 0.03rem;
}
.innovation-news-float {
    max-width: initial;
    height: 3.1rem;
    width: auto;
	top: 3.5rem;
	right: -0.9rem;
}
.mission_newtit {
	letter-spacing: 0.02rem;
}
.innovation-swiper-box .swiper-button-white {
    width: 0.33rem;
    height: 0.66rem;
	margin-top: 0.5rem;
	left: -0.63rem;
}
.innovation-swiper-box .swiper-button-next {
	left: initial;
	right: -0.63rem;
}
}

@media all and (max-width: 320px) {
    .new-technology-piece3 .float-piece .float-content-box .dl-piece dl:nth-child(2),.new-technology-piece6 .float-piece .float-content-box .dl-piece dl:nth-child(2) {
        margin:0 .81rem
    }
}

@media screen and (min-width: 768px) {
    .navbar-nav {
        display:block!important
    }
}

.new-html2,.new-html2 body,.body-content2 {
    height: 100%
}

#page .prv {
    display: none
}

.margin-auto {
    margin: auto;
    display: block
}

.footer-piece {
    margin-top: 0!important
}

@media screen and (max-height: 768px) {
    .join-piece2-float {
        margin-top:190px
    }

    .join-piece2-serach {
        bottom: 180px
    }

    .innovation-banner {
        background-position-y: -60px
    }

    .technology-banner h2 {
        top: 192px
    }

    .technology-banner a {
        bottom: 36px
    }
}

@media screen and (max-height: 720px) {
    .join-piece2-float {
        margin-top:180px
    }

    .join-piece2-serach {
        bottom: 130px
    }

    .technology-banner h2 {
        top: 172px
    }

    .innovation-banner {
        background-position-y: -100px
    }

    .join-piece2 {
        background: url(../images/join-img1.jpg) center bottom;
        background-position-y: -90px;
        background-size: 100% auto
    }
}

@media screen and (max-height: 680px) {
    .join-piece2-serach {
        bottom:130px
    }

    .about-swiper-slide .float-box .float-box-content {
        margin-top: 125px
    }

    .technology-banner h2 {
        top: 152px
    }

    .join-piece2-box {
        top: 40%
    }

    .innovation-banner {
        background-position-y: -120px
    }

    .join-piece2 {
        background: url(../images/join-img1.jpg) center bottom;
        background-position-y: -120px;
        background-size: 100% auto
    }
}

@media screen and (max-height: 640px) {
    .about-swiper-slide .float-box .float-box-content {
        margin-top:105px
    }

    .technology-banner h2 {
        top: 132px
    }

    .innovation-banner {
        background-position-y: -140px
    }

    .join-piece2 {
        background: url(../images/join-img1.jpg) center bottom;
        background-position-y: -150px;
        background-size: 100% auto
    }
}

@media screen and (max-width: 1366px) and (max-height:720px) {
    .innovation-banner {
        background-position-y:-80px
    }
}

@media screen and (max-width: 1366px) and (max-height:680px) {
    .innovation-banner {
        background-position-y:-100px
    }
}

@media screen and (max-width: 1366px) and (max-height:640px) {
    .innovation-banner {
        background-position-y:-120px
    }
}
/*视频播放*/
/*html,
body,
.body-content{
    height: 100%;
}*/
#container {
	overflow: hidden;
    height: 100%;
    font-size: 0;
	position: relative;
}
#background_video {
	position: relative;
	object-fit: cover;
	height: 100%; 
	width: 100%;
}
#video_cover {
	position: absolute;
	width: 100%; 
	height: 100%;
	background: url('../images/technology-banner.jpg') no-repeat;
	background-size: cover;
	background-position: center;
}
#video_controls {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0);
}
#pause {
	display: none;
}
@media (min-width: 768px) {
	#video_controls {
		display: none;
	}
}
/* Demo page specific styles */
#container {
	height: 100%;
}
.img{
        max-width: 100%;
}

/*视频播放*/






.bd_weixin_popup {
    box-sizing: content-box;
    text-align: center;
}


.auto_1600 {
    max-width: 1600px;
	
}

.auto {
    margin: 0 auto;
}
/*
 公司简介
 */
.swiper-container{    
margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;}
	
.swiper-wrapper{    
position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;}
	
.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
position: relative;}	
	
.technology-swiper-slide{    position: relative;}

@media screen and (max-height: 640px)
.about-swiper-slide .float-box .float-box-content {
    margin-top: 105px;
}
@media screen and (max-height: 680px)
.about-swiper-slide .float-box .float-box-content {
    margin-top: 125px;
}


	


.about-swiper-slide .float-box .float-box-content .cn-title2 {
    font-size: .10rem;
    color: #545454;
    padding-left: 0;
    margin-top: 0px;
    position: relative;
    margin-bottom: 23px;
letter-spacing: 1px;}






	
/*
 .Top002374
 */
.Top002374{ position:absolute; width:100%; left:0; top:0; z-index:100; padding:0 8%;
background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); 
background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); 
background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); 
}
.top2{background: #fff;
    border-bottom: 1px solid #d2d2d2;}
	
@media(max-width:1360px){
.Top002374{ padding:0 2%;}
}
@media(min-width:1025px){
.Top002374_subbg .header{ position:relative; z-index:2;}
.Top002374::before{ position:absolute; content:''; width:100%;height:0; transition:height 0.3s; left:0; top:0; z-index:1;
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.2) 100%);
}

/*.Top002374_subbg::before{height:145px; } */
.Top002374 .header-menu li.has-sub .sub{ opacity:0; transition:opacity 0.3s 0.3s;}
.Top002374 .header-menu li.has-sub.aon .sub{ opacity:1;}
}
.Top002374 .header-left{ float:left; width:45%; max-width: 280px;}
.Top002374 .logo{ position:absolute; left:0;  max-width:180px; top:50%; transform:translateY(-50%);}
.Top002374 .header-right{ float:right;}
@media(min-width:1025px){
.Top002374 .header-left{ position:relative;height:105px;}
.Top002374 .header-mid{ float:right;}
.Top002374 .header-mid{ width:60%; max-width:798px;}
.Top002374 .header-right{ padding-top:42px;}
}

.sub-menu{background:#036eb8; width:105px; opacity:90%;}
.sub-menu a{color:#fff; }
.Top002374 .header-menu li a{ transition:0.3s;}
.Top002374 .header-menu li em{ line-height:105px; font-size:16px; text-align:left;}
.Top002374 .header-menu li em a{ opacity: 0.6;}
.Top002374 .header-menu li em a:hover,
.Top002374 .header-menu li.aon em a{ opacity: 1; }
.Top002374 .no-fullbground .sub{ background:none;}
.Top002374 .header-menu li .sub dt a{ color:#fff; line-height:normal; opacity: 0.6;}
.Top002374 .header-menu li .sub dt a::before{ display:inline-block; content:''; width:3px; height:3px; background:#666; border-radius:50%; vertical-align:middle; margin-right:5px;}
.Top002374 .header-menu li .sub dt a:hover{ background:none; opacity: 1;}
.Top002374 .header-menu li .sub dt a:hover::before{background:#036eb8; }

.Top002374 .header-menu li#m6:after{display: inline-block;font-size: 12px;line-height: 20px;height: 20px;width:50px;text-align: center;margin-left: -14px;border-radius: 10px;color: #fff;background: #005CA2;position: absolute;left:100%;top:50%;transform: translateY(-50%);}

.Top002374 .header-right dd{ float:left; font-size:16px;}
.Top002374 .language a{ padding-left: 50px; opacity: 0.6;}
.Top002374 .language a:hover{ opacity: 1;}
.Top002374 .top-search{ position:relative; margin-left:20px;}
.Top002374 .open-search{ font-size:21px; padding:0 15px;}
.Top002374 .search-box{ position:absolute; top:100%; right:0; padding-top:7px; width:260px; display:none; overflow:hidden; height:46px;}
.Top002374 .search-box .text{ width:100%; border:none; height:39px; line-height:39px; padding:0 40px 0 10px; color:#999;}
.Top002374 .search-box .btn{ position:absolute; right:0; top:7px; height:39px; width:39px; background:url(../images/top002374-icon.png) no-repeat center center;}
.Top002374 .search-box .btn:after{ position:absolute; content:''; border:6px solid transparent; border-bottom-color:#fff; left:50%; margin-left:-6px; top:-12px;}
@media(max-width:1024px){
.Top002374 .header{ position:relative; padding:2% 0;}
.Top002374 .header-right{line-height:28px;height:60px; display:table; }
.Top002374 .header-right dd{ display:table-cell; vertical-align:middle;float:none;}
.Top002374 .top-search{ margin-left:0;}
.Top002374 #header-menu{ position:fixed; left:-100%; top:0; width:100%; height:100%; z-index:100; background:rgba(0,0,0,0.5); opacity:0; transition:opacity 0.3s;}
.Top002374 #header-menu.header-menu-show{ opacity:1; left:0;}
.Top002374 #header-menu ul{width:60%; max-width:280px;background:#036eb8;height:100%; overflow:auto; max-height:100%; transform:translateX(-100%);transition:0.3s 0.3s;}
.Top002374 #header-menu.header-menu-show ul{ transform:translateX(0);}
.Top002374 #header-menu li a{ color:#fff; line-height:35px; padding:0 5%; border-bottom: none;}
.Top002374 #header-menu li a:hover{ color:#fff;}
.Top002374 #header-menu li em{ display:block; border-bottom:1px solid rgba(255,255,255,0.5); font-size:16px; padding:2% 0;}
.Top002374 #header-menu li:nth-child(2n){ background:rgba(255,255,255,0.2);}
.Top002374 #header-menu li dt{ float:left; width:100%;}
.Top002374 #header-menu li dt a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; border-bottom: 1px solid #81b6dc;}
.Top002374 #header-menu li dt a::before{ display:inline-block; content:''; width:4px; height:4px; margin-right:5px; background:#fff; vertical-align:middle;}
.Top002374 #open_menu{width:36px; height:28px; position:relative; z-index:101;}
.Top002374 #open_menu i,
.Top002374 #open_menu::before,
.Top002374 #open_menu::after{ position:absolute;  left:0; width:100%;height:3px; background:#3a2d2d;}
.Top002374 #open_menu i{  top:50%; margin-top:-1.5px;}
.Top002374 #open_menu::before,
.Top002374 #open_menu::after{content:'';}
.Top002374 #open_menu::before{ top:3px;}
.Top002374 #open_menu::after{ bottom:3px;}
.Top002374 #open_menu.open_menu_on i{ background:transparent;}
.Top002374 #open_menu.open_menu_on::before,
.Top002374 #open_menu.open_menu_on::after{ background:#fff; bottom:auto; top:50%; transform:rotate(45deg);}
.Top002374 #open_menu.open_menu_on::after{transform:rotate(-45deg);}
.Top002374 .header-menu li#m7:after{display: none;}
}

/*
 .Banner002594
 */
.Banner002594 .controls{ position:absolute; z-index:2; right:3%; bottom:5%;}
.Banner002594 .controls ol{ font-family:Arial, Helvetica, sans-serif; color:#838281;}
.Banner002594 .controls ol span.swiper-pagination-current{ color:#00a2e9; font-size:36px;}
.Banner002594 .controls li{ width:39px; height:10px; background:url(../images/banner002594_btn_next.png) no-repeat center center; cursor:pointer; margin:0 8px;}
.Banner002594 .controls li.prev{ background-image:url(../images/banner002594_btn_prev.png);}

.Banner002594 .swiper-container {position: relative;overflow: hidden;z-index: 1; width:100%; height:100%;}
.Banner002594 .swiper-container-android .swiper-slide, .swiper-wrapper {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
.Banner002594 .swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform,-webkit-transform;-webkit-box-sizing: content-box; box-sizing: content-box;}
.Banner002594 .swiper-container-fade .swiper-slide-active {pointer-events: auto;}
.Banner002594 .swiper-container-fade .swiper-slide {pointer-events: none;-webkit-transition-property: opacity;-o-transition-property: opacity;transition-property: opacity;}
.Banner002594 .swiper-slide {position: relative;height: 100%;width: 100%;background-position: center center;background-size: cover; background-repeat:no-repeat;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;-webkit-transition-property: -webkit-transform;transition-property: -webkit-transform;-o-transition-property: transform;transition-property: transform;transition-property: transform,-webkit-transform;}
@media(max-width:768px){
.Banner002594 {height: 600px !important;}
.Banner002594 .controls{ display: none;}
}
@media(max-width:480px){
.Banner002594 {height: 350px !important;}
}

/*
 .Floor002717
 */
.Floor002717{ position:relative; padding-top: 2%; overflow:hidden; z-index: 10;}
.Floor002717 .auto{ position: relative; max-width:1600px;}
.Floor002717 .title{ width: 100%; font-size:40px; z-index:3;}
.Floor002717 .title .auto{ max-width:1600px; position:relative; z-index:2;}
.Floor002717 .title .cn{ font-size:1.5em; position:relative; color:#fff;}
.Floor002717 .title .cn i{ display:inline-block; width:50%; height:1px; background:#fff; position:relative; vertical-align:middle; margin-left:2%; max-width:375px;}
.Floor002717 .title .cn i::after{ position:absolute; content:''; width:9px; height:9px; background:#fff; right:0; top:-4px;}
.Floor002717 .title .en{ color:#eee; line-height:3.5; font-size:20px; font-weight: lighter; text-transform:uppercase;}
.Floor002717 .title .more { padding: 8px 35px; font-size:16px; color:#eee; line-height:3.5; font-weight: lighter; border: 1px solid #eee; border-radius: 4px;}
.Floor002717 .title .more:hover { background: #036eb8;}

.Floor002717 dl {padding: 4% 0 0;}
.Floor002717 dl dd { position: relative; float: left; width: 33%; padding-left: 80px;}
.Floor002717 dl dd img { position: absolute; left: 0; top: 0;}
.Floor002717 dl dd h2 { margin: 0; font-size: 21px; color: #fff; font-weight: normal;}
.Floor002717 dl dd p { margin: 10px 0; color: #fff; font-weight: lighter; text-transform: uppercase;}

@media(max-width:1600px){
.Floor002717 .auto{ padding: 0 5%;}
}
@media(max-width:1366px){
.Floor002717 .title{ font-size:32px;}
}
@media(max-width:1200px){
.Floor002717 .title{ font-size:24px;}
.Floor002717 .title .cn i{ width:30%; }
}
@media(max-width:768px){
.Floor002717{ padding: 50px 4%;}
.Floor002717 .title{ font-size:16px;}
.Floor002717 .title .en{ margin: 20px 0; line-height:1.5; font-size:16px;}
.Floor002717 dl {padding: 4% 0 0;}
.Floor002717 dl dd { float: none; width: 100%; margin-bottom: 40px;}
.Floor002717 dl dd h2 { font-size: 18px;}
}


/*
 .Floor002715
 */
.Floor002715{ position:relative; padding:3% 0 0; overflow:hidden; z-index: 10;}
.Floor002715 .auto{ position: relative; max-width:1600px;}
.Floor002715 .title{ position:relative; width: 100%; font-size:40px; z-index:3; text-align:right;}
.Floor002715 .title .auto{ max-width:1600px; position:relative; z-index:2;}
.Floor002715 .title .cn{ margin-bottom: 20px; font-size:1.5em; position:relative; color:#036eb8;}
.Floor002715 .title .cn i{ display:inline-block; width:50%; height:1px; background:#036eb8; position:relative; vertical-align:middle; margin-right:2%; max-width:355px;}
.Floor002715 .title .cn i::after{ position:absolute; content:''; width:9px; height:9px; background:#036eb8; left:0; top:-4px;}
.Floor002715 .title .en{ padding-left: 60%; color:#fff; line-height:2; font-size:20px; font-weight: lighter; text-transform:uppercase;}
.Floor002715 .title .more { background: #036eb8; padding: 8px 35px; font-size:16px; color:#eee; line-height:3.5; font-weight: lighter; border: 1px solid #036eb8; border-radius: 4px;}
.Floor002715 .title .more:hover { background: none; color: #036eb8;}
@media(max-width:1600px){
.Floor002715 .auto{ padding: 0 5%;}
}
@media(max-width:1366px){
.Floor002715 .title{ font-size:32px;}
}
@media(max-width:1200px){
.Floor002715 .title{ font-size:24px;}
}
@media(max-width:768px){
.Floor002715{ padding:100px 5%;}
.Floor002715 .title{ font-size:16px;}
.Floor002715 .title .en{ padding-left: 38%; font-size:16px;}
}
.Floor002715 .list .auto{ position:relative; z-index:2;}
.Floor002715 .slider{ position:relative; z-index:2; width:88.889%; max-width:1440px;}
.Floor002715 .slick-slider {position: relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent}
.Floor002715 .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;}
.Floor002715 .slick-list:focus {outline: none}
.Floor002715 .slick-list.dragging {cursor: pointer;cursor: hand;}
.Floor002715 .slick-slider .slick-track, 
.Floor002715 .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
.Floor002715 .slick-track {position: relative; top: 0; left: 0; display: block;}
.Floor002715 .slick-track:before, 
.Floor002715 .slick-track:after{display: table; content: '';}
.Floor002715 .slick-track:after{ clear: both;}
.Floor002715 .slick-loading .slick-track { visibility: hidden;}
.Floor002715 .slick-slide{ display: none; float: left; min-height: 1px;}
[dir = 'rtl'] .slick-slide {float: right;}
.Floor002715 .slick-slide .slick-loading img { display: none;}
.Floor002715 .slick-slide .dragging img { pointer-events: none;}
.Floor002715 .slick-initialized .slick-slide { display: block;}
.Floor002715 .slick-loading .slick-slide { visibility: hidden;}
.Floor002715 .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;}
.Floor002715 .slick-arrow .slick-hidden { display: none;}

.Floor002715 .slick-slide{overflow:hidden;}
.Floor002715 .slick-slide section{ float:left; padding:0 30px 50px;width:33.333333%;  }
.Floor002715 .slick-slide img{display:block;  transition:0.3s; width:100%;}
.Floor002715 .slick-slide a:hover img{ transform:scale(1.05);}
.Floor002715 .slick-slide a{position:relative;  display:block; color:#fff;overflow:hidden;}
.Floor002715 .slick-slide a .txt{ position:absolute; left:0; width:100%; bottom:0; padding:5%; padding-top:20%;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 ); /* IE6-9 */}
.Floor002715 .slick-slide a .txt aside{ float:left; max-width:70%; font-size:24px; line-height:30px;}
.Floor002715 .slick-slide a .txt i{ float:left; width:20%;display:inline-block;  height:1px; background:#fff; position:relative; vertical-align:middle; margin-left:2%; max-width:60px; margin-top:14px;}
.Floor002715 .slick-slide a .txt i::after{ position:absolute; content:''; width:9px; height:9px; background:#fff; right:0; top:-4px;}

.Floor002715 .slick-dots li{ list-style:none; display:inline-block; width:30px; height:10px; border:2px solid #036eb8; background:#fff; margin:0 0 0 5px; cursor:pointer;}
.Floor002715 .slick-dots li.slick-active{ background:#036eb8;}
.Floor002715 .slick-dots li button{ display:none;}
@media(min-width:1025px){
.Floor002715 .slick-list{ top:-50px;}
.Floor002715 .slick-slide section:nth-child(2){ padding-top:100px;}
.Floor002715 .slick-slide section:nth-child(3){ padding-top:200px;}
.Floor002715 .slick-dots{width:100%; position:absolute; left:0; bottom:10%; margin-bottom:15px; z-index:10;}
}
@media(max-width:1024px){
.Floor002715 .slick-slide section{ padding:3%; padding-top:10%;}
.Floor002715 .slick-slide a .txt aside{ font-size:18px;}
.Floor002715 .slick-dots{ text-align:center;}
}
@media(max-width:480px){
.Floor002715 .slick-slide a .txt aside{ font-size:11px;}
.Floor002715 .slick-slide a .txt i{ display:none;}
.Floor002715 .slick-slide section{ padding-left:1%; padding-right:1%;}
}


/*
 .Floor002694
 */
.Floor002694{ position:relative; z-index:1; padding:3% 0;}
.Floor002694 .quan{ position:absolute;width:62.5%; height:100%; overflow:hidden; opacity:0.3;}
.Floor002694 .quan1{left: -31%; top: -45%;}
.Floor002694 .quan2{right:0; bottom:-24%;}
.Floor002694 .quan::after{ position:absolute; content:'';  width:100%; height:100%;
background: -moz-radial-gradient(center, ellipse cover, rgba(149,220,252,1) 0%, rgba(223,245,254,0) 70%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(149,220,252,1) 0%,rgba(223,245,254,0) 70%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(149,220,252,1) 0%,rgba(223,245,254,0) 70%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95dcfc', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.Floor002694 .quan2::after{ left:50%; top:0;}
.Floor002694 .auto{ max-width:1760px; position:relative; z-index:3;}

.Floor002694 .left,
.Floor002694 .right{ width:50%; float:left;}
.Floor002694 .title{ text-align:right; color:#036eb8; font-size: 90px; font-weight: lighter; text-transform:uppercase; line-height:120px; padding:4% 0;}
.Floor002694 .title span{ color:#eff3f9;}
.Floor002694 .left{ background:url(../images/floor002694_bg_txt.png) no-repeat left top; background-size:auto 81.5%; position:relative; z-index:3;}
.Floor002694 .intro{ color:#333;}
.Floor002694 .intro > *{ padding-left:24%;}
.Floor002694 .intro h2{ padding-top:5%; padding-bottom:5%; margin:0; font-size:40px; font-weight:normal;}
.Floor002694 .intro p{ font-size: 16px; line-height:32px; position:relative; margin:0;}
.Floor002694 .intro p::before{ position:absolute; content:''; height:1px; background:#036eb8; left:0; width:17%; top:16px;}
.Floor002694 .more{ padding-top:10%;}
.Floor002694 .more a{ display:block; opacity:0.5; background:url(../images/floor002694_more.gif) no-repeat center center; width:44px; height:21px; transition:0.3s;}
.Floor002694 .more a:hover{ background-image:url(../images/floor002694_more_hover.gif); opacity:1;}
.Floor002694 .right img{ display:block; width:100%;}
@media(max-width:1200px){
.Floor002694 .title{ font-size:90px; line-height:70px;}
.Floor002694 .intro h2{ font-size:32px;}
}
@media(max-width:1024px){
.Floor002694{ padding: 50px 0 20px;}
.Floor002694 .left,
.Floor002694 .right{ width:auto; float:none;}
.Floor002694 .title span{ margin-right:0 !important;}
.Floor002694 .right{ display: none; padding-top:4%;}
.Floor002694 .left{ padding-right:3%;}
.Floor002694 .quan{ height:50%;}
.Floor002694 .quan1{left: -20%; top: -25%;}
.Floor002694 .quan2{ bottom:-10%;}
}
@media(max-width:640px){
.Floor002694 .title{ font-size:60px; line-height:60px;}
.Floor002694 .intro h2{ font-size:28px;}
.Floor002694 .intro p::before{ top:12px;}
.Floor002694 .right::after{ height:50px;}
}
@media(max-width:480px){
.Floor002694 .title{ font-size:46px; line-height:36px;}
}


/*
 .Floor002595
 */
.Floor002595{ padding:1% 0 0;}
.Floor002595 dl{ max-width:1080px; width: 100%;}
.Floor002595 dd{text-align:center; width:23%; display: inline-block; }
.Floor002595 dd p{ margin:5px 0 0 0; font-size: 15px;}
.Floor002595 dd .num{ display:table; margin:0 auto; overflow:hidden;}
.Floor002595 dd .num span {float: left;width: 34px;text-align: center;height: 50px;overflow: hidden;}
.Floor002595 dd .num span:before {
	font-size: 50px; 
    color:#036eb8;
	line-height: 50px;
	display: block;
	white-space: normal;
	transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	-webkit-transform: translateY(0);
	transition: 0s .5s;
	-moz-transition: 0s .5s;
	-ms-transition: 0s .5s;
	-o-transition: 0s .5s;
	-webkit-transition: 0s .5s;
}
.Floor002595.Floor002595_active dd .num span:before {
	transition: transform 2s ease-out 1.4s;
	-moz-transition: transform 2s ease-out 1.4s;
	-ms-transition: transform 2s ease-out 1.4s;
	-o-transition: transform 2s ease-out 1.4s;
	-webkit-transition: transform 2s ease-out 1.4s;
}

.Floor002595 dd .num span:nth-child(2n):before {
	content: '0 0 0 0 0 0 0 0 0 0 0 1 2 3 4 5 6 7 8 9';
}

.Floor002595 dd .num span:nth-child(2n+1):before {
	content: '0 1 2 3 4 5 6 7 8 9 0 0 0 0 0 0 0 0 0 0';
}

.Floor002595 dd .num span.n0:nth-child(2n):before,
.Floor002595.Floor002595_active dd .num span.n0:nth-child(2n+1):before {
	transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	-webkit-transform: translateY(0);
}

.Floor002595 dd .num span.n1:nth-child(2n):before,
.Floor002595.Floor002595_active dd .num span.n1:nth-child(2n+1):before {
	transform: translateY(-5%);
	-moz-transform: translateY(-5%);
	-ms-transform: translateY(-5%);
	-o-transform: translateY(-5%);
	-webkit-transform: translateY(-5%);
}

.Floor002595 dd .num span.n2:nth-child(2n):before,
.Floor002595.Floor002595_active dd .num span.n2:nth-child(2n+1):before {
	transform: translateY(-10%);
	-moz-transform: translateY(-10%);
	-ms-transform: translateY(-10%);
	-o-transform: translateY(-10%);
	-webkit-transform: translateY(-10%);
}

.Floor002595 dd .num span.n3:nth-child(2n):before,
.Floor002595.Floor002595_active dd .num span.n3:nth-child(2n+1):before {
	transform: translateY(-15%);
	-moz-transform: translateY(-15%);
	-ms-transform: translateY(-15%);
	-o-transform: translateY(-15%);
	-webkit-transform: translateY(-15%);
}

.Floor002595 dd .num span.n4:nth-child(2n):before,
.Floor002595.Floor002595_active dd .num span.n4:nth-child(2n+1):before {
	transform: translateY(-20%);
	-moz-transform: translateY(-20%);
	-ms-transform: translateY(-20%);
	-o-transform: translateY(-20%);
	-webkit-transform: translateY(-20%);
}

.Floor002595 dd .num span.n5:nth-child(2n):before,
.Floor002595.Floor002595_active dd .num span.n5:nth-child(2n+1):before {
	transform: translateY(-25%);
	-moz-transform: translateY(-25%);
	-ms-transform: translateY(-25%);
	-o-transform: translateY(-25%);
	-webkit-transform: translateY(-25%);
}

.Floor002595 dd .num span.n6:nth-child(2n):before,
.Floor002595.Floor002595_active dd .num span.n6:nth-child(2n+1):before {
	transform: translateY(-30%);
	-moz-transform: translateY(-30%);
	-ms-transform: translateY(-30%);
	-o-transform: translateY(-30%);
	-webkit-transform: translateY(-30%);
}

.Floor002595 dd .num span.n7:nth-child(2n):before,
.Floor002595.Floor002595_active dd .num span.n7:nth-child(2n+1):before {
	transform: translateY(-35%);
	-moz-transform: translateY(-35%);
	-ms-transform: translateY(-35%);
	-o-transform: translateY(-35%);
	-webkit-transform: translateY(-35%);
}

.Floor002595 dd .num span.n8:nth-child(2n):before,
.Floor002595.Floor002595_active dd .num span.n8:nth-child(2n+1):before {
	transform: translateY(-40%);
	-moz-transform: translateY(-40%);
	-ms-transform: translateY(-40%);
	-o-transform: translateY(-40%);
	-webkit-transform: translateY(-40%);
}

.Floor002595 dd .num span.n9:nth-child(2n):before,
.Floor002595.Floor002595_active dd .num span.n9:nth-child(2n+1):before {
	transform: translateY(-45%);
	-moz-transform: translateY(-45%);
	-ms-transform: translateY(-45%);
	-o-transform: translateY(-45%);
	-webkit-transform: translateY(-45%);
}

.Floor002595 dd .num span.n0:nth-child(2n+1):before,
.Floor002595.Floor002595_active dd .num span.n0:nth-child(2n):before {
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.Floor002595 dd .num span.n1:nth-child(2n+1):before,
.Floor002595.Floor002595_active dd .num span.n1:nth-child(2n):before {
	transform: translateY(-55%);
	-moz-transform: translateY(-55%);
	-ms-transform: translateY(-55%);
	-o-transform: translateY(-55%);
	-webkit-transform: translateY(-55%);
}

.Floor002595 dd .num span.n2:nth-child(2n+1):before,
.Floor002595.Floor002595_active dd .num span.n2:nth-child(2n):before {
	transform: translateY(-60%);
	-moz-transform: translateY(-60%);
	-ms-transform: translateY(-60%);
	-o-transform: translateY(-60%);
	-webkit-transform: translateY(-60%);
}

.Floor002595 dd .num span.n3:nth-child(2n+1):before,
.Floor002595.Floor002595_active dd .num span.n3:nth-child(2n):before {
	transform: translateY(-65%);
	-moz-transform: translateY(-65%);
	-ms-transform: translateY(-65%);
	-o-transform: translateY(-65%);
	-webkit-transform: translateY(-65%);
}

.Floor002595 dd .num span.n4:nth-child(2n+1):before,
.Floor002595.Floor002595_active dd .num span.n4:nth-child(2n):before {
	transform: translateY(-70%);
	-moz-transform: translateY(-70%);
	-ms-transform: translateY(-70%);
	-o-transform: translateY(-70%);
	-webkit-transform: translateY(-70%);
}

.Floor002595 dd .num span.n5:nth-child(2n+1):before,
.Floor002595.Floor002595_active dd .num span.n5:nth-child(2n):before {
	transform: translateY(-75%);
	-moz-transform: translateY(-75%);
	-ms-transform: translateY(-75%);
	-o-transform: translateY(-75%);
	-webkit-transform: translateY(-75%);
}

.Floor002595 dd .num span.n6:nth-child(2n+1):before,
.Floor002595.Floor002595_active dd .num span.n6:nth-child(2n):before {
	transform: translateY(-80%);
	-moz-transform: translateY(-80%);
	-ms-transform: translateY(-80%);
	-o-transform: translateY(-80%);
	-webkit-transform: translateY(-80%);
}

.Floor002595 dd .num span.n7:nth-child(2n+1):before,
.Floor002595.Floor002595_active dd .num span.n7:nth-child(2n):before {
	transform: translateY(-85%);
	-moz-transform: translateY(-85%);
	-ms-transform: translateY(-85%);
	-o-transform: translateY(-85%);
	-webkit-transform: translateY(-85%);
}

.Floor002595 dd .num span.n8:nth-child(2n+1):before,
.Floor002595.Floor002595_active dd .num span.n8:nth-child(2n):before {
	transform: translateY(-90%);
	-moz-transform: translateY(-90%);
	-ms-transform: translateY(-90%);
	-o-transform: translateY(-90%);
	-webkit-transform: translateY(-90%);
}

.Floor002595 dd .num span.n9:nth-child(2n+1):before,
.Floor002595.Floor002595_active dd .num span.n9:nth-child(2n):before {
	transform: translateY(-95%);
	-moz-transform: translateY(-95%);
	-ms-transform: translateY(-95%);
	-o-transform: translateY(-95%);
	-webkit-transform: translateY(-95%);
}
@media(max-width:768px){
.Floor002595{ padding: 2% 0 50px;}
.Floor002595 dd{ width:25%;}
.Floor002595 dd .num span{ height:30px; width:20px;}
.Floor002595 dd .num span:before{ font-size:30px; line-height:30px;}
}
@media(max-width:480px){
.Floor002595 dl{ display:block;}
.Floor002595 dd{ width:46%; float:left; margin:2%;}
}


/*
 .Banner002661
 */
.Banner002661{ position:relative; z-index:1;margin-top: 100px;}
.Banner002661 .Ispic{ padding-bottom: 50%; }
.Banner002661::before,
.Banner002661 .ycenter{position:absolute; left:0; width:100%;}
.Banner002661::before{ content:'';background:rgba(0,0,0,0.5);}
.Banner002661 .ycenter{ z-index:10;}
.Banner002661 .ycenter section{ width:100%; color:#fff; padding-top: 13%;}
.Banner002661 .ycenter h2{ font-size:64px; font-weight: lighter; margin:0 0 1.5%;}
.Banner002661 .ycenter p{ margin-top:0; font-size:20px; line-height: 1.5;font-weight: lighter; max-width:900px; color: #fff;}
@media(max-width:1200px){
.Banner002661 .ycenter h2 { font-size:20px;}
.Banner002661 .ycenter p{ font-size: 14px;}
}
@media(max-width:890px){
.Banner002661 .ycenter{ display: none;}
}
/*
 .Menu000706
 */
.Menu000706{ position: relative; padding-bottom:2%; z-index: 2;}
.Menu000706 header{ margin-top:-3%;}
.Menu000706 header h1{ margin:0; display:inline-block; border-radius:5px 5px 0 0;  padding:10px 10% 10px 18px; background:url(../images/menu000706-icon.png) no-repeat 95% center #036eb8; color:#fff; font-weight: lighter; font-size:24px;}
.Menu000706 header h1 span{ opacity:0.3; display:block; font-size:12px; text-transform:uppercase;}
.Menu000706 nav{ border-bottom:1px solid #e6e6e6; position:relative;}
.Menu000706 nav dl{ position:absolute; right:0; top:50%; margin-top:-12px; background:url(../images/menu000706-cur.png) no-repeat left center; padding-left:25px; color:#999; line-height:24px;}
.Menu000706 nav dl a{color:#999;}
.Menu000706 nav dl span,
.Menu000706 nav dl a:hover{color:#036eb8;}
.Menu000706 nav li a{ display:block; font-size:16px; padding:18px 0;}
@media(min-width:769px){
.Menu000706 nav ol{ display:none;}
.Menu000706 nav ul{ display:block !important;}
.Menu000706 nav li{ float:left; padding:0 2%;}
.Menu000706 nav li a:hover,
.Menu000706 nav li a.aon{ color:#036eb8; border-bottom:3px solid #036eb8;}
}
@media(max-width:1000px){
.Menu000706 nav dl{ display:none;}
.Menu000706 header{ position:relative; z-index:5;}
.Menu000706 header h1{ display:block; padding-right:0;}
}
@media(max-width:768px){
.Menu000706 nav{ position:relative;}
.Menu000706 nav ol{ border-top:1px solid #e6e6e6; margin-top:2%; padding:10px 0;}
.Menu000706 nav ol span{display:block; background-color:#036eb8; padding:5px;border-radius:3px;}
.Menu000706 nav ol a{ display:block; background-color:#fff;color:#333; border-radius:5px; line-height:40px; padding:0 10px; position:relative; font-size:16px;}
.Menu000706 nav ol a::before{ position:absolute; content:''; right:5px; top:50%; margin-top:-3px; border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #036eb8;}
.Menu000706 nav ul{ position:absolute; width:100%; top:56px; left:0; background-color:#036eb8; padding:5px; border-radius:0 0 5px 5px; display:none;}
.Menu000706 nav li{ background-color:#fff; border-bottom:1px solid #036eb8;border-radius:5px;}
.Menu000706 nav li:nth-child(2n){ background-color:rgba(255,255,255,0.8);}
.Menu000706 nav li a{ padding:0 2%; line-height:40px; }
.Menu000706 nav li a:hover{color:#036eb8;}
}
@media(max-width:768px){
.Menu000706 header h1{ font-size:20px;}
}


/*
 .RighInfo002222
 */
.RighInfo002222 .auto{ max-width: 1550px;}
.RighInfo002222 .h2{font-size:30px; font-weight:normal; margin:0 0 20px;}
.RighInfo002222 .p{font-size:16px; line-height:30px;}
.RighInfo002222 .box1{ position:relative; text-align:center;}
.RighInfo002222 .box1 figure{ position:absolute; top:12%; left:0; width:100%; text-align:center;}
.RighInfo002222 .box1 .h2{ color:#fff;}
.RighInfo002222 .box1 .p{ margin:0 auto; max-width:1000px; color:#fff; }
.RighInfo002222 .box2{ background:#fff; padding: 2% 0 4%;}
.RighInfo002222 .box2 .img{ float:left; display:block; text-align:left; margin-right: 3%; border: 5px solid #fafafa;}
.RighInfo002222 .box2 figure{ float:right; width:65%; padding-top: 50px;}
.RighInfo002222 .box2 .h2{ color:#008cd6; font-weight: bold;}
.RighInfo002222 .box2 .p{ font-size: 16px; color:#666;}
.RighInfo002222 .box2 dl{ padding: 2% 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.RighInfo002222 .box2 dd{ display: inline-block; margin-right: 25px; font-size: 16px;}
.RighInfo002222 .box2 .ul{ padding-top:3%;}
.RighInfo002222 .box2 .ul li{ display:inline-block; margin-right:6%; text-align:center;}
.RighInfo002222 .box2 .ul li span{ display:block; font-size:16px; color: #666; margin-top:10px;}
@media(max-width:1000px){
.RighInfo002222 .p{ padding: 0 20px ; font-size:14px;}
.RighInfo002222 .box1 img{ height: 250px;}
.RighInfo002222 .box2 .img,
.RighInfo002222 .box2 figure{ width:100%; float:none; text-align:center;}
.RighInfo002222 .h2{ font-size:24px;}	
.RighInfo002222 .p{ font-size:14px;}
.RighInfo002222 .box2 figure{ padding-top: 20px;}
.RighInfo002222 .box2 dd{ line-height: 2;}
}
@media(max-width:640px){
.RighInfo002222 .h2{ font-size:20px;}
}


/*
 .Floor001348
 */
.Floor001348{ position: relative; padding: 3% 8%; overflow: hidden; z-index: 10;}
.Floor001348 .text{ float:right; width:48%; padding-top: 2%;}
.Floor001348 .img{ float:left; width:48%;}
.Floor001348 .img img{ width: 100%;}
.Floor001348 .text h1{ margin:0 0 27px; font-style: normal; font-weight: normal; color: #333; font-size:40px; letter-spacing: 0px;  }
.Floor001348 .text i{ display:inline-block; width:50%; height:1px; background:#036eb8; position:relative; vertical-align:middle; margin-left:2%; max-width:405px;}
.Floor001348 .text i::after{ position:absolute; content:''; width:9px; height:9px; background:#036eb8; right:0; top:-4px;}
.Floor001348 .text h1 span{ display: block; font-size:32px; color:#ddd; font-weight: lighter; text-transform:uppercase; position:relative; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.Floor001348 .text p{ margin: 0; font-size: 16px; color: #333;  letter-spacing: 0px; line-height:2; padding-bottom:27px;}
.Floor001348 .text .btn{ background: #036eb8; display:block; font-style: normal; color: #fff;  font-size: 14px; position:relative; border:2px #036eb8 solid; width:116px; height:36px; text-align:center; line-height:32px; }
.Floor001348 .text .btn:before{ position:absolute; color:#036eb8; content:"———"; top: -2px; font-size: 13px; right: -24px; transition:all .3s ease; -webkit-transition:all .3s ease; -ms-transition:all .3s ease; -moz-transition:all .3s ease; -o-transition:all .3s ease;}
.Floor001348 .text .btn:hover:before{ right:-34px;}
@media (max-width:1000px){
.Floor001348 .text h1{ padding-bottom:20px;}
.Floor001348 .text h1 span{ font-size:30px; }
.Floor001348 .text p{ padding-bottom:30px;}
}
@media (max-width:768px){
.Floor001348{ padding: 80px 8%;}
.Floor001348 .img,
.Floor001348 .text{ width:100%; float:none; margin:0; text-align:center;}
.Floor001348 .img{ padding-bottom:15px;}
.Floor001348 .text p{ padding-bottom:10px;}
.Floor001348 .text h1{ font-size:20px; padding-bottom:0;}
.Floor001348 .text h1 span{ font-size:48px; }
.Floor001348 .text .btn{ margin: 0 auto; }
}
@media (max-width:480px){
.Floor001348 .text h1 span{ font-size: 20px; }
}
/*插件样式，如果有多个一样的只留一份*/
html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
#superContainer {
    height: 100%;
    position: relative;

    /* Touch detection for Windows 8 */
    -ms-touch-action: none;

    /* IE 11 on Windows Phone 8.1*/
    touch-action: none;
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: hidden;
    position: relative;
}
.fp-scroller{
    overflow: hidden;
}
.iScrollIndicator{
    border: 0 !important;
}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
	position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
#fp-nav.right {
    right: 17px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
 }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.left {
    left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}

/*
 .Other002373
 */
.Other002373{ background: #fff;}

.Other002373 #fullPage{
    height: 100%;
    position: relative;
    transform: translate3d(0px, 0px, 0px);
    transition: all 700ms ease;
}
#fp-nav ul li+li{ position: relative; margin-top: 30px;}

#fp-nav ul li+li:before,
#fp-nav ul li+li:after,
#fp-nav ul li+li a:before{ content: ""; position: absolute; width: 2px; height: 2px; background: #f6f6f6; left: 50%; margin-left: -1px;}
#fp-nav ul li+li:before{ top: -28px;}
#fp-nav ul li+li:after{ top: -18px;}
#fp-nav ul li+li a:before{ top: -8px;}
#fp-nav ul li a span{display: block; width: 6px; height: 6px;border-radius: 0; background-color: #fff; position: static; margin: 0 auto;}
#fp-nav ul li a.active,#fp-nav ul li:hover a.active {  border: 1px dotted rgba(3, 110, 184,.5); padding: 2px 0 0 0;}
#fp-nav ul li a.active span,
#fp-nav ul li:hover a.active span,
#fp-nav ul li:hover a span{  background-color: #036eb8; border-radius: 0 !important;  margin: 0 auto;
 width: 6px;  height: 6px;}
.Other002373 .section .bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; background-position: center; background-repeat: no-repeat; background-size: cover;}
.Other002373 .section .word{ position: relative; z-index: 6; padding: 0 5%; text-align: center;} 
.Other002373 .section .word h1{ margin: 0 0 30px;}
.Other002373 .section .word figure{ font-size: 16px; color: #fff; letter-spacing: 2px; line-height: 24px; max-width: 1200px; margin: 0 auto 30px;}
.Other002373 .section .word .more{ min-width: 120px; height: 40px; line-height: 40px; position: relative; display: inline-block; margin: 0 auto 0; color: #104493;border-left: 1px solid #104493; border-right: 1px solid #104493; text-align: center;}
.Other002373 .section .word .more:before,
.Other002373 .section .word .more:after{content: ""; position: absolute;  width: 80%; height: 1px;background-color:#104493;}
.Other002373 .section .word .more:before{ top: 0; right: 0;}
.Other002373 .section .word .more:after{ bottom: 0;left: 0;}
@media only screen and (min-width:1024px ) {
.Other002373 .section .word h1{ margin: 0 0 3%;}
.Other002373 .section .word figure{margin: 0 auto 3%;}
}
@media only screen and (max-width:1200px ) {
	.Other002373 .header nav ul li>a{padding: 33px 13px;}
}
@keyframes firstPart {
	0% {
		bottom: 40px;
	}

	100% {
		bottom: 20px;
	}

}

@-webkit-keyframes firstPart

/* Safari and Chrome */
{
	0% {
		bottom: 40px;
	}

	100% {
		bottom: 20px;
	}

}

.Other002373 .mousetip {
	
	width: 62px;
	height: 63px;
	position: absolute;
	bottom: 10px;
	left: 50%;
	margin-left: -31px;
	z-index: 100;
	cursor: pointer;
	animation-name: firstPart;
	animation-duration: 0.8s;
	animation-timing-function: linear;
	animation-delay: 0.3s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-play-state: running;
	-moz-animation-name: firstPart;
	-moz-animation-duration: 0.8s;
	-moz-animation-timing-function: linear;
	-moz-animation-delay: 0.3s;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: alternate;
	-moz-animation-play-state: running;
	-webkit-animation-name: firstPart;
	-webkit-animation-duration: 0.8s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: 0.3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-play-state: running;
	-o-animation-name: firstPart;
	-o-animation-duration: 0.8s;
	-o-animation-timing-function: linear;
	-o-animation-delay: 0.3s;
	-o-animation-iteration-count: infinite;
	-o-animation-direction: alternate;
	-o-animation-play-state: running;
}
.Other002373 .mousetip.up{ background-image: url(../images/other002373-mousetip_up.png);}

.Other002373 .footer ,.Other002373 .footer a{ color: #a9a9a9;}
.Other002373 .footer a:hover{ color: #fff;}
.Other002373 .footer .bottom{ background: #2a2a2a; padding:4% 0;}
.Other002373 .footer nav li{ width: 100%;}
.Other002373 .footer nav li h3 a{ font-size: 15px; color: #fff; margin: 0 0 10px;}
.Other002373 .footer nav li dl dd{ padding: 5px 0;}

.Other002373 .footer nav li.weixin .pic{ padding-top: 5px;}
.Other002373 .footer nav li.contact .tel{ font-size: 22px; color: #036eb8; font-weight: bold;}
.Other002373 .footer nav li.contact .time{ margin: 0;}
.Other002373 .footer .share{ padding-top: 10px;}
.Other002373 .footer .share a{ background: none; padding-left: 0; display: inline-block; margin-right: 8px; border-radius: 50%; background-color: #444; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 20px; cursor: pointer;}

.Other002373 .footer footer{ background: #252525; padding: 1% 0;}
.Other002373 .footer .copyright{ margin: 0;}
.Other002373 .footer .links a{ display: inline-block; margin-right: 20px; position: relative;}
.Other002373 .footer .links a+a:before{left: -10px;content: ""; width: 1px; height: 50%; background: #919191; position: absolute; top: 30%;}
@media only screen and (min-width:1024px ) {
.Other002373 .footer nav ul{text-align: center; }
.Other002373 .footer nav li{display: inline-block; width: 12%; vertical-align: top;}
.Other002373 .footer nav li.contact{ width: 15%;}
.Other002373 .footer .copyright{ float: left;}
.Other002373 .footer .links{ float: right;}
}
@media only screen and (max-width:1023px ) {
.Other002373 .footer nav li dl{ display: none;}
.Other002373 .footer nav li{ border-bottom: 1px solid #434242;}
.Other002373 .footer nav li h3{ position:relative; margin-top: 10px;}
.Other002373 .footer nav li h3 span{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.Other002373 .footer nav li.weixin,.Other002373 .footer nav li.contact{ margin-top: 15px; text-align: center; border-bottom: none;}
.Other002373 .footer footer{ text-align: center;}
}
@media (max-width:1000px ) {
.Other002373 .section { position: relative;}
.Other002373 .mousetip{display: none;}
}


/*
 .PicList002149
 */
.PicList002149{ padding-top:2%;}

.PicList002149 h3{ margin:0; font-size:18px;}
.PicList002149 h3 a{ color: #333;}
.PicList002149 p{ line-height:26px; overflow:hidden; color:#999; height:52px; margin:2% 0 0 0;}

.PicList002149 ol{ background-color:#fafafa; margin-bottom:2%; position:relative; padding-left:36.25%;}
.PicList002149 ol .Ispic{ width:36.25%; position:absolute; left:0; top:0; height:100%;}
.PicList002149 ol .Ispic img{ display:none;}
.PicList002149 ol div{ padding:5% 10% 3% 5%;}
.PicList002149 ol h3 a{ font-size: 22px; color:#036eb8;}
.PicList002149 ol time{ display:block; padding:3% 0;}
.PicList002149 ol p{ margin:0 0 3% 0; height:78px;}
.PicList002149 ol span{ display:inline-block; width:130px; line-height:40px; text-align:center; color:#fff; background:#036eb8; font-size:12px; text-transform: uppercase;}

.PicList002149 li{ overflow:hidden; padding-left:160px; padding-right:58px; position:relative; margin-bottom:2%; background-color:#fafafa;}
.PicList002149 li:after{ position:absolute; content:''; right:0; top:0;width:58px; height:100%; background:url(../images/piclist002149-more.png) no-repeat center center; border-left:2px solid #fff;}
.PicList002149 li div{border-left:1px solid #ededed; padding:2% 3%;}
.PicList002149 li time{ position:absolute; left:0; top:0; width:160px; height:100%;}
.PicList002149 li time span{ position:absolute; width:100%; text-align:center; top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); color:#b2b2b2; font-size:16px;}
.PicList002149 li time i{ font-style:normal; font-size:50px; color:#999; display:block; font-family:"Courier New", Courier, monospace; line-height:40px;}
.PicList002149 li time i:after{ display:block; content:''; margin:5px auto; height:1px; width:50%; max-width:66px; background:#dfdfdf;}
@media(max-width:1000px){
.PicList002149 li{padding-left:100px;padding-right:30px;}
.PicList002149 li:after{width:30px; background-size:35% auto;}
.PicList002149 li time{width:100px;}
.PicList002149 li time span{font-size:14px;}
.PicList002149 li time i{font-size:40px;line-height:30px;}
}
@media(max-width:768px){
.PicList002149 ol h3 a{ font-size: 16px; }
}
@media(max-width:640px){
.PicList002149 ol{ padding-left:0;}
.PicList002149 ol .Ispic{ width:auto; position:relative; height:auto; display:block; padding-bottom:60%;}
.PicList002149 ol div{ padding:3%;}
}
@media(max-width:480px){
.PicList002149 li{padding-left:80px;padding-right:0;}
.PicList002149 li:after{ display:none;}
.PicList002149 li time{width:80px;}
.PicList002149 li time span{font-size:12px;}
.PicList002149 li time i{font-size:30px;}
.PicList002149 h3{ font-size:14px;}
.PicList002149 p{ font-size:12px; line-height:20px; overflow:hidden; height:40px;}
.PicList002149 ol p{ height:60px;}
}


/*
 .Page002274
 */
.Page002274{ text-align:center; padding:1% 0 60px;color:#666666;background:#f1f1f1;}
.Page002274 .Pages *{ vertical-align:middle;}
.Page002274 .Pages .a_first,
.Page002274 .Pages .a_end,
.Page002274 .Pages .p_jump,
.Page002274 .Pages .p_cur,
.Page002274 .Pages .p_count,
.Page002274 .Pages .p_total{ display:none;}
.Page002274 .Pages a{ display:inline-block; padding: 0 15px; line-height:37px; background-color: #eef0f1; color:#666666; margin-left:5px;}
.Page002274 .Pages a:hover,
.Page002274 .Pages a.a_cur{ color:#fff; background-color:#036eb8;}
.Page002274 .Pages em{ font-style:normal; display:inline-block; vertical-align:middle;}
.Page002274 .Pages .i_text{ width:47px; height:36px; line-height:36px;border:1px solid #ceced5;}
.Page002274 .Pages .i_button{ cursor:pointer; background:none; width:47px; height:36px;border:1px solid #ceced5;}
.Page002274 .Pages .p_jump b{font-weight:normal; margin:0 5px;}
.Page002274 .Pages .a_prev,.Page002274 .Pages .a_next{ font-family: 宋体; font-weight: bold; padding:0 25px; }

@media(max-width:1000px){
.Page002274 .Pages em{ display:none;}
}
@media(max-width:640px){
.Page002274 .Pages a.a_first,
.Page002274 .Pages a.a_end{ display:none;}
.Page002274 .Pages a{ padding:0 10px;}
}


/*
 .RighInfo002238
 */
.RighInfo002238{ padding:2% 0;}
.RighInfo002238 .fz_24{color:#eee; margin:0; font-size:22px; text-transform: uppercase;}
.RighInfo002238 .fz_36{font-size:22px; color:#036eb8; margin:0;}
.RighInfo002238 .tit:after{ content:"";width:71px; height:1px; background:#036eb8; margin: 15px 0; display:block; }
.RighInfo002238 .con p{font-size:14px; color:#666; line-height:2; text-align: justify; }
.RighInfo002238 .fz_60{ font-size:30px;}
.RighInfo002238 .bg{ position: relative; background-color: #202020;  margin: 50px 0 3%; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.RighInfo002238 .bg li{ color: #fff; font-size: 18px; width: 33.3334%; padding:20px 0 ; margin: 0 auto; position: relative; z-index: 3;text-align: center; float: left; width:50%;}
.RighInfo002238 .bg li p{ border: 1px solid #fff; margin: 0 auto 15px; width: 130px; height:130px;border-radius: 130px;}
.RighInfo002238 .bg li p b{ font-family: arial; display: block; padding: 30px 0 10px}
@media only screen and (min-width:768px){
.RighInfo002238 .fz_24{ font-size:18px;}
.RighInfo002238 .fz_36{ font-size:30px;}
.RighInfo002238 .fz_60{ font-size:40px;}
.RighInfo002238 .bg li{width:33.33%; }
.RighInfo002238 .bg li p{width: 200px; border-radius:160px; height:200px;}
}
@media only screen and (min-width:1024px){
.RighInfo002238 .fz_24{ font-size:20px;}
.RighInfo002238 .fz_36{ font-size:32px;}
.RighInfo002238 .fz_60{ font-size:50px;}
.RighInfo002238 .tit:after{ margin:35px 0; }
.RighInfo002238 .con p{font-size:18px; }
.RighInfo002238 .bg{ padding:50px  0 0; min-height: 355px}
.RighInfo002238 .bg li{width:25%; }
.RighInfo002238 .bg li p b{ padding: 50px 0 10px}
}
@media only screen and (min-width:1200px){
.RighInfo002238 .fz_24{ font-size:46px;}
.RighInfo002238 .fz_36{ font-size:36px;}
.RighInfo002238 .fz_60{ font-size:60px;}
.RighInfo002238 .bg li.last{ margin: 0 0 0 0}
}


/*
 .RighInfo002275
 */
.RighInfo002275{padding: 8% 0;background:#000;}
.RighInfo002275 .text{margin-bottom: 30px}
.RighInfo002275 .text .title{font-size: 30px;color: #e4e4e4;font-weight: normal;margin-bottom: 20px;}
.RighInfo002275 .text h3{ font-size: 24px;color: #036eb8;margin-bottom: 20px;}
.RighInfo002275 .text .title span{font-weight: 700;}
.RighInfo002275 .text .p{font-size: 18px;color:#e2e2e2;line-height: 2.5; margin: 0; padding: 0;}
.RighInfo002275 .map{width: 100%;height: 200px;}
.RighInfo002275 .map #map{height: 100%;}
.RighInfo002275 .map img{max-width: none !important;}

@media screen and (min-width: 768px) {
	.RighInfo002275 .text{float: left;width: 45%;}
	.RighInfo002275 .map{float: right;width: 50%;height: 260px;}
}

@media screen and (min-width: 1024px) {
	.RighInfo002275 .auto{background: url(../images/righinfo002275-contact_bg.png) no-repeat center;}
	.RighInfo002275 .map{float: right;width: 50%;height: 320px;}
	.RighInfo002275 .text .title{font-size: 52px;}
}

@media screen and (min-width: 1200px) {
	.RighInfo002275{padding: 50px 0 70px;background:#000;}
	.RighInfo002275 .text .title{margin-bottom: 45px}
	.RighInfo002275 .map{width: 60%;height: 430px;}
	.RighInfo002275 .text{width: 40%;}
}


/*
 .PicList001727
 */
.PicList001727 .list li{ float:left; width:23.5%; margin-right:2%; margin-bottom:2%;background-color:#eef0f1;}
.PicList001727 .list li:nth-child(4n){ margin-right:0;}
.PicList001727 .list li a{ display:block;padding:3%; transition:background 0.3s;}
.PicList001727 .list li a:hover{ background-color:#036eb8; color:#fff;}
.PicList001727 .list li img{ display:none;}
.PicList001727 .list li figure{ padding-bottom:102%;}
.PicList001727 .list li h1{ position:relative; margin:0; font-weight:normal; font-size:18px; padding:40px 0 20px 0;}
.PicList001727 .list li h1 i{position:absolute; left:0; top:25px;background-color:#036eb8; height:2px;  width:35px;}
.PicList001727 .list li a:hover h1 i{ background-color:#fff;}

@media(max-width:768px) and (min-width:481px){
.PicList001727 .list li{ width:32%;}
.PicList001727 .list li:nth-child(4n){ margin-right:2%;}
.PicList001727 .list li:nth-child(3n){ margin-right:0;}
}
@media(max-width:480px){
.PicList001727 .list li{ width:49%;}
.PicList001727 .list li:nth-child(2n){ margin-right:0;}
}


/*
 .RighInfo002552
 */
.RighInfo002552{ padding-bottom:3%;}
.RighInfo002552 .title{ text-align:center; font-size:32px; color:#333; padding:3% 0 2% 0;}
.RighInfo002552 .title::after{ width:45px; height:2px; background:#dedede; display:block; margin:17px auto; content:'';}
.RighInfo002552 .info_p{ margin: 2% 0 0; font-size: 18px; color: #666; line-height: 2; text-align: center;}

.RighInfo002552 .list_img dd{ float:left;margin-right:0.8%; margin-bottom:0.8%;}
.RighInfo002552 .list_img dd:nth-child(3n){ margin-right:0;}
.RighInfo002552 .list_img dd img{ display:block; width:100%;}

.RighInfo002552 .info_2 .list_img dd{ width:28.275%;}
.RighInfo002552 .info_2 .list_img dd:nth-child(2),
.RighInfo002552 .info_2 .list_img dd:nth-child(6){ width:41.85%;}

.RighInfo002552 .info_4 .list_img dd{ width:32.8%; }

.RighInfo002552 .info_3 .list_img{ position:relative;}
.RighInfo002552 .info_3 .list_img dd{ width:32%; float:left; margin-bottom:2%; margin-right:2%; }
.RighInfo002552 .info_3 .list_img dd:nth-child(3n){ margin-right: 0;}
@media(max-width:1024px){
.RighInfo002552 .info_2 .list_img dd,
.RighInfo002552 .info_2 .list_img dd:nth-child(2),
.RighInfo002552 .info_2 .list_img dd:nth-child(6),
.RighInfo002552 .info_3 .list_img dd,
.RighInfo002552 .info_4 .list_img dd{ position: relative !important; left: 0 !important; float: none !important; width:100% !important; height: auto !important; margin-bottom:0.8%;}
}
@media(max-width:768px){
.RighInfo002552 .title{font-size:20px;}
.RighInfo002552 .info_1 .ul_icon li{ float:none; width:auto; padding-bottom:5%;}
.RighInfo002552 .info_1 .ul_icon li aside{ max-width:100px; padding:4%;}
}
@media(max-width:480px){
.RighInfo002552 .title{font-size:20px;}
.RighInfo002552 .info_1 .ul_icon li{ float:none; width:auto; padding-bottom:5%;}
.RighInfo002552 .info_1 .ul_icon li aside{ max-width:100px; padding:4%;}
}


/*
 .RighInfo002363
 */
.RighInfo002363 .con-head {text-align: center;}
.RighInfo002363 .con-head em{position:relative; margin:2% 0 1%; font-style:normal; display: inline-block; color:#333; font-size:18px;}
.RighInfo002363 .con-head em::after{ display: block; margin: 20px auto 0; width:44px; height:2px; content:""; background:#036eb8; }
.RighInfo002363 .con-head p{ color:#666; font-size:20px;}
.RighInfo002363 .box1{ padding:2% 0; background: #f6f6f6;}
.RighInfo002363 .box1 .text p{ font-size: 17px; color: #666; line-height: 2; text-align: justify; text-indent: 2em;}
.RighInfo002363 .img1{ float:left; width:278px; height:49px; margin-right:2%; margin-bottom:1%;}
@media only screen and (min-width:768px ) {
.RighInfo002363 .con-head em{ font-size: 22px;}
.RighInfo002363 .tit{ font-size:28px;}
}
@media only screen and (min-width:1024px ) {
.RighInfo002363 .con-head em{ font-size: 30px;}
.RighInfo002363 .tit{ font-size:32px;}
}

.RighInfo002363 .box2{ background: #fff; padding:40px 0 0;}
.RighInfo002363 .box2 .list{ padding: 35px 0 5%;}
.RighInfo002363 .box2 li{float:left;width: 33.333%;text-align: center; position:relative;}
.RighInfo002363 .box2 li:before{ position:absolute; content:''; width:1px; border-right:1px solid #f4f4f4; right:0; top:0; height:100%;}
.RighInfo002363 .box2 li:first-child{ border-left:1px solid #f4f4f4;}
.RighInfo002363 .box2 li a{display: block; margin:0 auto; width:50%; max-width:206px;}
.RighInfo002363 .box2 li figure img{ width:100%; max-width:82px;-webkit-transition:all ease 0.5s;transition:all ease 0.5s; position: relative; top: 0;}
.RighInfo002363 .box2 li:hover figure img{ top: -10px;}
.RighInfo002363 .box2 li h3{font-size: 22px; color: #333; font-weight: normal; margin:25px 0 15px;}
.RighInfo002363 .box2 li p{line-height: 2; height:120px; text-align:center; overflow:hidden;font-size: 14px;color: #666; margin-top:20px;}
@media(max-width:767px){
.RighInfo002363 .box2{  padding:20px 0;}	
.RighInfo002363 .box2 li{ width:100%; margin-bottom:2%;}
.RighInfo002363 .box2 li p{ height:auto;}
.RighInfo002363 .box1 .text p{ padding: 0 20px; font-size: 15px;}
}


/*
 .RighInfo002218
 */
.RighInfo002218{text-justify:inter-ideograph; text-align:justify; word-wrap:break-word; clear:both; overflow:hidden; min-height:246px; padding-bottom:5%;}
.RighInfo002218 .box1{ margin-bottom: 2%; padding:15px 15px 15px 15px; color:#728391;font-size:14px;line-height:30px;background:#f3f3f3;}
.RighInfo002218 .box1 .pic{float:right;margin-left:5%;}
.RighInfo002218 .box1 .h3{font-size:22px;color:#036eb8;margin:0 0 20px 0; font-weight:normal;}
.RighInfo002218 .box1 figure{ padding: 4%; font-size: 16px; color:#666;}
.RighInfo002218 .list{ padding-top:3%;}
.RighInfo002218 .list li{ display:block; float:left; width:50%;}
.RighInfo002218 .list img{ float:left; margin-right:3%; max-width:98px;}
.RighInfo002218 .list figure{ margin-bottom: 60px; padding-top:3%; padding-right: 1%;}
.RighInfo002218 .list h2{ font-weight:normal; color:#036eb8; font-size:18px; margin:0;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; }
.RighInfo002218 .list p{ margin:10px 0 0; color:#666; }
@media(max-width:1000px){
.RighInfo002218 .box1 .pic{ float:none; margin:0 auto 3%; display:block;}	
.RighInfo002218 .list figure{ padding:3% 0;}
.RighInfo002218 .list li{ width:100% !important; padding:0 !important; margin:2% 0;}
}


/*
 .RighInfo001823
 */
.RighInfo001823 { padding:  2% 0;}
.RighInfo001823 .singlePage { max-width: 1260px; margin: 0 auto; padding-bottom: 2.5%;}
.RighInfo001823 .singlePage1 { text-align: center;}
.RighInfo001823 .singlePage h3{ margin: 0 0 35px;  font-size:30px; color:#036eb8; font-weight: normal;}
.RighInfo001823 .singlePage p{ font-size: 18px; color: #666; line-height: 2;}
.RighInfo001823 .singlePage .pic{ padding: 1% 0; text-align: center;}
.RighInfo001823 .singlePage .pic_left{ float: left; margin-right: 2.5%; padding: 1%; border: 1px solid #eee;}

.RighInfo001823 .table { padding-bottom: 3%;}
.RighInfo001823 .table h3 { margin: 0 0 30px; font-size: 30px; color: #333; font-weight: normal; text-align: center;}
.RighInfo001823 .table th,
.RighInfo001823 .table td{ text-align:center; border:1px solid #eee; border-collapse:collapse; font-size: 16px; line-height:24px; font-weight: normal; padding:15px;}
.RighInfo001823 .table tr:nth-child(2n) td{background: #f8f8f8;}
.RighInfo001823 .table .th{ background: #036eb8; color: #fff; }

.RighInfo001823 dl{ padding: 5% 0 2%;}
.RighInfo001823 dd{ float: left; width: 33.333%; padding: 0 1%;}
@media(max-width:768px){
.RighInfo001823 .singlePage h3{ margin-bottom: 15px; font-size:24px;}
.RighInfo001823 .singlePage p{ font-size: 16px; }
.RighInfo001823 dd{ float: none; width: 100%; margin-bottom: 1%; padding: 0 1%;}
}
@media(max-width:480px){
.RighInfo001823 .table{ overflow:auto;}
.RighInfo001823 .table table{ width:180%;}
}


/*
 .Form001273
 */
.Form001273{ padding:2% 0;}
.Form001273 .auto{ background:url(../images/form001273-bg.jpg) no-repeat left top/auto 120%;}
.Form001273 .from{ width:100%; max-width:1000px; margin:0 auto 0 35%;}
.Form001273 .title,
.Form001273 .from li{ padding:0 19%;}
.Form001273 .title { font-size:28px; text-align: center; padding-bottom:5%; text-shadow:0 1px 0 #fff;}
.Form001273 .title span{ display:block; font-size:24px; opacity:0.5; text-transform:uppercase;}
.Form001273 .from li{ background-color:rgba(3, 110, 184, 0.2); margin-bottom:2%; padding-top:5px; padding-bottom:5px; transition:0.3s;}
.Form001273 .from li .text{ background:#fff; width:100%; line-height:30px; padding:2% 10px; border:none;}
.Form001273 .from li:last-child{ background:none !important; padding-top:3%; text-align: center;}
.Form001273 .from li .btn{ display: inline-block; cursor:pointer; height:44px; color:#fff; width:40%; font-size:16px; background:#036eb8; border-radius:44px; border:none; padding:0; min-width:100px;}
.Form001273 .from li:hover{background:#036eb8;}

@media(max-width:1200px){
.Form001273 .auto{ background:none;}
.Form001273 .from{ margin:0 auto;}
}
@media(max-width:768px){
.Form001273 .title{ padding-left:0; padding-right:0;}
.Form001273 .title { font-size:24px; }
.Form001273 .title span{font-size:20px;}
}
@media(max-width:640px){
.Form001273 .auto{ background:none;}
}


/*
 .Form001518
 */
.Form001518{ padding-top:1%;}
.Form001518 .title{ position:relative; color:#343434; font-size:34px; padding-bottom:2%;  }
.Form001518 .title:before{ position:absolute; left:0; bottom:0; width:44px; height:2px; content:""; background:#036eb8; }

.Form001518 dl {padding:3% 0 2%;}
.Form001518 dd li{ float:left;width:32%; margin-right:2%;margin-bottom:25px; position:relative;}
.Form001518 dd li:nth-child(3n){ margin-right:0;}
.Form001518 dd .text{border: 1px solid #eee;line-height: 46px;height: 46px; width:100%; background:#fff; padding:0 10px;}
.Form001518 dd li label{ position:absolute; left:15px; top:0; color: #999; line-height:46px; }
.Form001518 dd li .form_err{position:absolute; right:5px; top:50%; color:#f00; line-height:20px; margin-top: -10px;}
.Form001518 dd textarea.text{height:220px;}

.Form001518 .btnbox{ margin: 0 auto 4%; text-align: center; }
.Form001518 .btn{ cursor: pointer;border-radius: 99px;background: #005ca2;color: #fff; height: 44px;border: none; font-size:16px; width:40%; max-width:200px;}
@media(max-width:768px){
.Form001518 dd li{ float:none; width:auto; margin-right:0 !important;}
}
@media(max-width:480px){
.Form001518 .title{ font-size:24px;}
}


/*
 .RichInfo005
 */
.RichInfo005{ padding:2% 0;}
.RichInfo005 .news_info .title{ text-align:center; padding-bottom:20px;}
.RichInfo005 .news_info .title h1{ margin:0; padding-bottom:15px; font-size:24px; font-weight:normal;}
.RichInfo005 .news_info .title p{ margin:0; border-bottom:1px solid #eee; padding-bottom:10px;}
.RichInfo005 .news_info .title p span{ margin:0 5px; color:#999;}
.RichInfo005 .news_info .info{ font-size: 16px; color: #666; line-height: 2; text-align:justify; }
.RichInfo005 .news_info .info_back{ text-align:center; clear:both; padding:20px 0;}
.RichInfo005 .news_info .info_back a{ color:#005ca2; font-size:14px;}
@media(max-width:768px){
.RichInfo005 .news_info .title h1{ font-size:20px;}
}

/*
 .TextList002322
 */
.TextList002322{ padding: 2% 0;}
.TextList002322 .list li{ position: relative; padding: 10px 100px 10px 0; line-height: 22px;}
.TextList002322 .list li *{ font-size: 16px; color: #666;}
.TextList002322 .list li time{ position: absolute; right: 0; top: 10px; color: #999; display: block;}
.TextList002322 .list li a{position: relative; display: block; width: 100%;overflow:  hidden; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow:  ellipsis; padding-left: 15px; }
.TextList002322 .list li a:before{ display: table; content: ">"; position: absolute; left: 0; top: 0; height: 100%; width: 20px;}
.TextList002322 .list li a:hover{ color: #005ca2;}
@media only screen and (max-width:767px ) { .TextList002322{ padding: 20px 3%;} }    



/*人才招聘*/

.Recruitment .title time{
    line-height: 45px;
    background: #036eb8;
    font-size: 16px;
    color: #fff;
    
}

.Recruitment .list-group .tit time{
    cursor: pointer;
    line-height: 66px;
    font-size: 16px;
    text-align: left;
}


.placeholder {
    min-height: 150px;
    padding-top: 78px;
    text-align: center;
    color: #cccccc;
    font-size: 18px;
    position: relative;
}
select, input, textarea {
    font-size: 14px;
    color: #333;
    border-radius: 0;
    -webkit-border-radius: 0;
font-family: "Microsoft YaHei";}


.placeholder .webuploader-pick {
    font-size: 18px;
    background: #00b7ee;
    border-radius: 3px;
    line-height: 44px;
    padding: 0 30px;
    *width: 120px;
    color: #fff;
    display: inline-block;
    margin: 0 auto 20px auto;
    cursor: pointer;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.queueList {
    margin: 20px;
    border: 3px dashed #e6e6e6;
}

.job-info p, .job-info strong{
	line-height:1.5em;
	
}

.Recruitment .list-group .tit{cursor: pointer; line-height: 66px; font-size: 16px; text-align: left;}
.Recruitment .list-group .tit:before{background: #036eb8; width:6px; height:6px; display: inline-block; content: '';vertical-align: middle; margin-right: 22px; }
.Recruitment .title{ padding:0 40px; line-height: 60px; background: #036eb8; font-size: 16px; color: #fff; border-bottom: 1px solid #ededed;margin-top: 20px;}
.Recruitment .title time,
.Recruitment .tit time{float: right; }
.Recruitment .tit time{color: #888;}
.Recruitment .list{border-bottom: 1px solid #ededed;background:#fff;overflow: hidden;}
.Recruitment .tit{padding: 0 40px; background: #fafafa; font-weight: normal; margin: 0;}
.Recruitment .tit.active{background: #fff; margin: 0 40px; padding: 0; border-bottom: 2px solid #036eb8; color: #036eb8;}
.Recruitment .tit.active time{color: #036eb8;}
.Recruitment .info{ display:none; padding: 30px 40px 20px 76px; line-height: 30px;}
.Recruitment strong{ display: block; color: #333;}
.Recruitment .job-main{ display:none; padding:22px 0; border-top:1px dotted #e5e5e5;}
.Recruitment .job-email{ color:#036eb8; padding:30px 0;}
.Recruitment .apply{ padding:3% 0}
.Recruitment .apply a{ text-align:center; font-size:16px; cursor:pointer; display:block; width:122px; line-height:38px; color:#fff; background:#036eb8; border-radius:4px;}

.ytable { display: table; width: 100%; height: 100%;}
.ytable-cell { display: table-cell; vertical-align: middle;}
.job-form{ position:fixed; width:100%; height:100%; top:0; z-index:100; background:rgba(0,0,0,0.3); display:none}
.job-form .form{ max-width:500px; margin:auto; background-color:#fff; border-radius:6px; padding:2% 30px; position:relative;}
.job-form dl{ padding:6px 0;}
.job-form #jobname{ display:block; text-align:center; color:#036eb8}
.job-form  .form_err{ color:#F00}
.job-form .text{ width:100%; border:solid 1px #e5e5e5; padding:0 3px; line-height:36px; height:36px;}
.job-form .btn{ margin:auto;text-align:center; font-size:16px; cursor:pointer; display:block; width:122px; line-height:38px; color:#fff; background:#036eb8; border-radius:4px; border:none;}
.job-form .close{ position:absolute; top:15px; right:15px; display:block; cursor:pointer; width:16px; height:16px; background:url(../images/chinamap_close.png) no-repeat;}

.job-form .queueList{ margin:0!important}
.job-form .webuploader-container{ max-width:168px; margin:auto;}
.job-form .placeholder{ font-size:14px; padding-top:25px;}
.job-form .placeholder input{ display:block; width:100%; height:44px;opacity: 0; margin-top:10px;}
.job-form .placeholder .rt_input{ width:100%!important; height:100%!important; left:0!important}

@media(min-width:769px){
.Recruitment .title time{ margin-right: 78px;}
.Recruitment .tit time{padding-right: 63px;}
}
@media(max-width:768px){
.Recruitment .title{ padding:0 20px; line-height: 50px;}
.Recruitment .tit{padding: 0 20px;}
.Recruitment .tit.active{margin: 0 20px;}
.Recruitment .title time{ margin-right: 12px;}
.Recruitment .list-group .tit:before{ margin-right: 10px;}
.Recruitment .info{padding: 30px 40px; }
}
@media(max-width:480px){
.Recruitment .tit time{margin-right: 0;}
.Recruitment .tit time{ font-size: 12px;}
}


/*分页*/
.Pages{ text-align:center; padding:5% 0; font-size:14px; font-family:Arial, Helvetica, sans-serif}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump,
.Pages .a_first,
.Pages .a_end{ display:none}
.Pages .a_prev,
.Pages .a_next{}
.Pages em{ font-style:normal;}
.Pages a{ border:solid 1px #d9d9d9; padding:10px 16px; margin:0 2px;}
.Pages a.a_cur{ color:#fff; background-color:#036eb8; border-color:#036eb8}


/*
 .Banner_hhrzm
 */
.Banner_hhrzm{ position:relative; z-index:1;}
.Banner_hhrzm img{ display:block; width:100%;}
.Banner_hhrzm::before,
.Banner_hhrzm .ycenter{position:absolute; left:0; top:0; width:100%; height:100%; }
.Banner_hhrzm::before{ content:'';background:rgba(0,0,0,0.5);}
.Banner_hhrzm .ycenter{ z-index:10;}
.Banner_hhrzm .ycenter section{ width:100%; color:#fff; padding-top: 3%;}
.Banner_hhrzm .ycenter h2{ font-size:64px; font-weight: lighter; margin:0 0 1.5%;}
.Banner_hhrzm .ycenter h3{ font-size: 54px; font-weight: lighter; margin:0; text-align: center;}
.Banner_hhrzm .ycenter p{ margin-top:0; font-size:20px; line-height: 1.5;font-weight: lighter; max-width:900px;}
.Banner_hhrzm .ycenter p.fz38{ font-size: 38px; max-width: none; text-align: center;}
@media(max-width:1024px){
.Banner_hhrzm .ycenter h2{ font-size:35px;}
.Banner_hhrzm .ycenter p{ font-size:16px;}
}
@media(max-width:480px){
.Banner_hhrzm .ycenter section{display: none;}
}


/*
 .RighInfo002364
 */
.RighInfo002364 { }
.RighInfo002364 .con-head { color: #333; text-align: center;}
.RighInfo002364 .con-head em{position:relative; margin:2% 0 1%; font-style:normal; display: inline-block; font-size:18px; color: #005ca2; font-weight: bold;}
.RighInfo002364 .con-head em::after{ display: block; margin: 20px auto 0; width:44px; height:2px; content:""; background:#036eb8; }
.RighInfo002364 .con-head p{ font-size:20px;}
.RighInfo002364 .con-head p span{display: block;color:#005ca2; }
.RighInfo002364 .con-head .join{ background: #005ca2; display: block; margin: 20px auto 0; color: #fff; height: 54px; font-size: 16px; line-height: 52px; width: 40%; max-width: 300px; border: 1px solid transparent; border-radius: 99px; transition: 0.3s; }
.RighInfo002364 .con-head .join:hover{ background: #fff; color: #005ca2; border-color: #005ca2;}
.RighInfo002364 .img1{ float:left; width:278px; height:49px; margin-right:2%; margin-bottom:1%;}
@media only screen and (min-width:768px ) {
.RighInfo002364 .con-head em{ font-size: 22px;}
.RighInfo002364 .tit{ font-size:28px;}
}
@media only screen and (min-width:1024px ) {
.RighInfo002364 .con-head em{ font-size: 30px;}
.RighInfo002364 .tit{ font-size:32px;}
}

.RighInfo002364 .box{ padding: 3% 0 5%;}
.RighInfo002364 .box:nth-child(1){  padding: 2% 0 0;margin-bottom: 5%; }
.RighInfo002364 .box:nth-child(2){ background: #f7fbfe; padding: 3% 0; }
.RighInfo002364 .box:nth-child(3){  background: url(../images/righinfo002364-boxbg.jpg) no-repeat center; background-size: cover; }
.RighInfo002364 .box .icons{ display: block; margin: 0 auto; }

.RighInfo002364 .box .dl{ padding: 35px 0;max-width: 1600px;margin:0 auto;}
.RighInfo002364 .box .dl dd{float:left;width: 20%;text-align: center; position:relative;background: #F2F8FB;}
.RighInfo002364 .box .dl dd:nth-child(2n){background: #E5F0F8;}
.RighInfo002364 .box .dl dd a{display: block; margin:0 auto; width: 90%; max-width: 288px;padding:10% 0 14% 0;}
.RighInfo002364 .box .dl dd figure img{ -webkit-transition:all ease 0.5s;transition:all ease 0.5s; position: relative; top: 0;}
.RighInfo002364 .box .dl dd:hover figure img{ top: -10px;}
.RighInfo002364 .box .dl dd p{ line-height: 22px; text-align:center; font-size: 15px;color: #666; margin: 10px 0 5px;height: 132px;}
.RighInfo002364 .box .dl dd h4{ font-size: 20px; color: #036eb8; margin: 15px 0 0; font-weight: normal;}
.RighInfo002364 .box .more_product a{cursor: pointer;background: #005ca2;display: block;margin: 20px auto 0;color: #fff;height: 54px;font-size: 16px;line-height: 52px;width: 40%;max-width: 180px;text-align: center;border: 1px solid transparent;border-radius: 99px;transition: 0.3s;}
.RighInfo002364 .box .more_product a:hover,.RighInfo002364 .box .Non a{ background: #fff; color: #005ca2; border-color: #005ca2;}

.RighInfo002364 .box .box_product{ padding: 35px 0;max-width: 1600px;margin:0 auto;display: none;}
.RighInfo002364 .box .box_product .item{float: left;width: 23.5%;margin-right: 2%;margin-top: 2%;background-color: #eef0f1;}
.RighInfo002364 .box .box_product .item:nth-child(4n){margin-right: 0}
.RighInfo002364 .box .box_product .item a{display: block;padding: 3%;transition: background 0.3s;}
.RighInfo002364 .box .box_product .item figure{padding-bottom: 102%;}
.RighInfo002364 .box .box_product .item img{display: none;}
.RighInfo002364 .box .box_product .item i{background-color: #036eb8;height: 2px;width: 35px;display: inline-block;content: '';margin:25px 0 0;}
.RighInfo002364 .box .box_product .item p{font-size: 14px;line-height: 20px;height: 40px;color: #999;}

.RighInfo002364 .box .list{ padding: 35px 0 4%;}
.RighInfo002364 .box li{float:left;width: 33.333%;text-align: center; position:relative;}
.RighInfo002364 .box li a{display: block; margin:0 auto; width: 90%; max-width: 455px;}
.RighInfo002364 .box li figure img{ -webkit-transition:all ease 0.5s;transition:all ease 0.5s; position: relative; top: 0;}
.RighInfo002364 .box li:hover figure img{ top: -10px;}
.RighInfo002364 .box li p{ line-height: 2; text-align:center; font-size: 16px;color: #666; margin: 10px 0 5px;}
.RighInfo002364 .box li h3{ font-size: 28px; color: #036eb8; margin: 0 0 15px;}
.RighInfo002364 .box li h4{ font-size: 20px; color: #036eb8; margin: 25px 0 0; font-weight: normal;}
.RighInfo002364 .box li h5{ font-size: 20px; color: #333; margin: 25px 0 15px; font-weight: normal;}

.RighInfo002364 .contact { padding: 3% 0 0; text-align: center; }
.RighInfo002364 .contact p{ display: inline-block; margin: 0; font-size: 18px; line-height: 50px;  }
.RighInfo002364 .contact p.tel{ background: url(../images/righinfo002364-tel.png) no-repeat left center; margin-right: 50px; padding-left: 50px; font-size: 28px; color: #036eb8; font-weight: bold;}
.RighInfo002364 .contact p.email{ background: url(../images/righinfo002364-email.png) no-repeat left center; padding-left: 50px; font-size: 22px; color: #036eb8; font-weight: bold; vertical-align: top; }
.RighInfo002364 .contact img{ padding: 5px; width: 180px; border: 1px solid #eee; }
@media(max-width:767px){
.RighInfo002364 .con-head p{font-size: 15px;}
.RighInfo002364 .box{  padding:20px 2% !important;}	

.RighInfo002364 .box .dl{margin:10px 0 0;padding:0;}
.RighInfo002364 .box .dl dd{width: 100%;float: none;margin-right: 0;}
.RighInfo002364 .box .more_product a{width: 60%}
.RighInfo002364 .box .box_product .item{width:49%;}
.RighInfo002364 .box .box_product .item:nth-child(2n){margin-right: 0}

.RighInfo002364 .box li{ width:100%; margin-bottom:2%;margin-right: 0;float: none;}
.RighInfo002364 .box li{ border-left:1px solid #f4f4f4;}
.RighInfo002364 .box li:nth-child(2n){ border-left:1px solid #fff;}

.RighInfo002364 .con-head .join{width: 80%;}
.RighInfo002364 .contact{text-align: left;padding:30px 0 0;width: 90%;margin:0 auto;}
.RighInfo002364 .contact p.tel{margin-right: 0;font-size: 22px;}
.RighInfo002364 .contact img{width: 120px;margin: 0 auto;display: block;}
}


/*
 .Form001519
 */
.Form001519{position: relative; z-index: 10;}
.Form001519 .title{ position:relative; color:#343434; font-size:34px; padding-bottom:2%; text-align: center; }
.Form001519 .title:after{ display: block; margin: 25px auto; width:44px; height:2px; content:""; background:#036eb8; }
.Form001519 .close{ background: url(../images/form001519-close.png) no-repeat center; position: absolute; right: 20px; top: 20px; width: 20px; height: 20px; content: ''; cursor: pointer;display: none; }
.Form001519 dl { background: #fff; position: relative; max-width: 600px; margin: 2% auto 0; padding: 3%;}
.Form001519 dd li{ position:relative; margin-bottom:25px;float: none !important;width: 100% !important;}
.Form001519 dd .text{border: 1px solid #eee;line-height: 46px;height: 46px; width:100%; background:#fff; padding:0 10px;}
.Form001519 dd li label{ position:absolute; left:15px; top:0; color: #999; line-height:46px; }
.Form001519 dd li .form_err{position:absolute; right:5px; top:50%; color:#f00; line-height:20px; margin-top: -10px;}
.Form001519 dd textarea.text{height:220px;}
.Form001519 .btnbox{ margin: 0 auto; text-align: center; }
.Form001519 .btn{ cursor: pointer;border-radius: 99px;background: #005ca2;color: #fff; height: 44px;border: none; font-size:16px; width:40%; max-width:200px;}
@media(max-width:768px){
.Form001519 .auto{padding:0 2%;}
.Form001519 dd li{ float:none; width:auto; margin-right:0 !important;}
.bot2{margin-top:20px;}
.mobile-nav-toggler .ico:before{background:url(../images/DH8.png)!important;}
}
@media(max-width:480px){
.Form001519 .title{ font-size:24px;}
}