@charset "utf-8";
.swiper-container-no-flexbox .swiper-slide { float: left; }

.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -ms-flex-direction: column; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; }

.swiper-container-fade .swiper-slide { pointer-events: none; -webkit-transition-property: opacity; -o-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; }

@media (max-width: 319px) {
    body { width: 320px; }
}

.banner { width: 100%; position: relative; overflow: hidden; }

.banner ul { width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.banner li { width: 100%; position: relative; width: 100%; overflow: hidden; float: left; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; height: 100%; position: relative; }

.banner img { display: block; width: 100%; position: relative; }

.intit { font-size: 24px; color: #333; text-align: center; padding: 10px; }

.indesc { text-align: center; color: #666; font-size: 14px; }

.inPro { padding: 30px 0; background: url(../images/bg01.jpg) center top no-repeat; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.inPro li { background: #FFFFFF; padding: 0 20px; border: 1px solid #e6e6e6; }

.inPro li img { display: block; margin: 20px auto; max-width: 100%; }

.inPro li span.img { display: block; border-bottom: 1px solid #ccc; }

.inPro li h4 { text-align: center; font-size: 16px; margin: 12px 10px 8px; height: 48px; line-height: 24px; display: -webkit-box; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: block; display: -webkit-box; }

.inPro-scroll { overflow: hidden; }

.inPro-scrollbox { padding: 0 60px; position: relative; margin-top: 20px; }

.inPro-btn { width: 20px; height: 20px; border-left: 3px solid #808080; border-bottom: 3px solid #808080; position: absolute; top: 50%; margin-top: -25px; }

#inPro-Prev { left: 10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

#inPro-Next { right: 10px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

#inPro-Prev2 { left: 10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); z-index: 1; margin-top: -10px; }

#inPro-Next2 { right: 10px; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); z-index: 1; margin-top: -10px; }

.inPro-more { width: 125px; height: 35px; line-height: 33px; border: 1px solid #acacac; text-align: center; color: #333; display: block; margin: 30px auto 8px; }

.inWhy { background: url(../images/bg03.jpg) top center no-repeat; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 30px 0; }

.inTech { padding: 20px 10px; }

.inTech ul { margin: 0 -10px; }

.inTech li { margin-bottom: 20px; }

.inTech li img { display: block; width: 100%; }

.inTech li .libox { background-color: #fff; }

.inTech li .inTech-desc { height: 48px; line-height: 24px; display: -webkit-box; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size: 14px; color: #666; margin-bottom: 5px; }

.inTech li .inTech-cont { padding: 10px 15px 15px; }

.inTech li h4 { font-size: 16px; height: 30px; line-height: 30px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #333; }

.inTech li .inTech-more { font-size: 14px; color: #333; }

.inWhy-btn { width: 350px; position: relative; overflow: hidden; margin: 0 auto; }

.inWhy-btn:after { content: ''; display: block; position: absolute; bottom: 9px; left: 0; width: 100%; height: 1px; background-color: #ccc; }

.inWhy-btn a { width: 33.333%; float: left; font-size: 16px; text-align: center; }

.inWhy-btn a:after { content: ''; display: block; width: 20px; height: 20px; background: url(../images/icon06.png) center no-repeat; margin: 2px auto 0; position: relative; z-index: 1; }

.inWhy-btn a.cur { font-weight: bold; }

.inWhy-btn a.cur:after { background: url(../images/icon05.png) center no-repeat; }

.global { padding: 20px 10px; }

.global dt img { display: block; max-width: 100%; }

.global dd { padding: 20px 0; text-align: center; font-size: 0; }

.global .global-cont { width: 33.333%; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; text-align: center; color: #0a8dd7; padding-bottom: 15px; font-size: 14px; padding-bottom: 30px; }

.global .global-cont span { font-family: impact; font-size: 35px; }

.global .global-cont p { color: #333; }

.global .lastchange { padding-bottom: 0; }

.inInfo { padding: 20px 0; background: url(../images/bg05.jpg) top center no-repeat; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.inInfo li { text-align: center; margin-bottom: 30px; }

.inInfo li a { display: block; }

.inInfo li img { display: block; margin: 0 auto 20px; width: 110px; height: 110px; }

.inInfo li .libox { position: relative; font-size: 18px; }

.inInfo li .hoverimg { opacity: 1; position: absolute; left: 50%; top: 0; z-index: 1; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.inClient ul { margin: 0 -5px; }

.inClient li { padding: 0; overflow: hidden; }

.inClient li a { background-color: #fff; width: 100%; height: 145px; position: relative; display: block; }

.inClient li a img { max-width: 98%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.inClient img { width: auto; }

#bannerbtn { text-align: center; width: 100%; position: absolute; left: 50%; z-index: 8; bottom: 12px; max-width: 1180px; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); }

#bannerbtn span { display: inline-block; width: 12px; height: 12px; background: #fff; overflow: hidden; margin: 0 6px; cursor: pointer; opacity: 1; }

#bannerbtn span.swiper-pagination-bullet-active { background: #0a8dd7; opacity: 1; }

.inClislide { overflow: hidden; position: relative; padding: 40px 0; }

#inClbtn { text-align: center; width: 100%; position: absolute; left: 50%; z-index: 8; bottom: 12px; max-width: 1180px; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); }

#inClbtn span { display: inline-block; width: 10px; height: 10px; background: #fff; overflow: hidden; margin: 0 6px; cursor: pointer; opacity: 1; }

#inClbtn span.swiper-pagination-bullet-active { background: #0a8dd7; opacity: 1; }

@media (max-width: 320px) {
    .inInfo li img { width: 80px; height: 80px; }
}

@media (min-width: 768px) {
    .intit { font-size: 28px; line-height: 32px; }
    .indesc { font-size: 16px; }
    .inPro { padding: 40px 0; }
    .inPro-more { margin-top: 40px; }
    .inWhy { padding: 40px 0; }
}

@media (min-width: 992px) {
    .intit { font-size: 32px; padding-bottom: 20px; line-height: 36px; }
    .inPro { padding: 50px 0; }
    .inPro-more { margin-top: 50px; }
    .inWhy { padding: 50px 0; }
    .global dl { position: relative; padding-left: 200px; }
    .global dt { float: right; }
    .global dd { position: absolute; left: 0; top: 0; padding: 0; }
    .global .global-cont { float: none; width: auto; text-align: left; padding-bottom: 20px; display: block; }
    .global .global-cont span { font-size: 50px; line-height: normal; }
    .global .global-cont i { font-size: 24px; }
    .global .global-cont p { font-size: 16px; }
    .global .global-cont.lastchange { display: inline-block; margin-right: 35px; }
    .global .global-cont.lastchange i { font-size: 16px; }
}

@media (min-width: 1024px) {
    .intit { font-size: 36px; }
    #bannerbtn { padding: 0 40px; }
    .inClislide { margin-bottom: 35px; }
    .inPro-btn { width: 40px; height: 40px; }
    .inPro-btn:hover { border-color: #0b8787; }
    .inPro { padding: 60px 0; }
    .inPro-scroll { padding: 10px 0; }
    .inPro li { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; }
    .inPro li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
    .inPro li:hover { -webkit-box-shadow: 1px 1px 15px rgba(207, 207, 207, 0.6); -moz-box-shadow: 1px 1px 15px rgba(207, 207, 207, 0.6); box-shadow: 1px 1px 15px rgba(207, 207, 207, 0.6); }
    .inPro li:hover h4 { color: #0b8787; }
    .inPro li span.img { overflow: hidden; }
    .inPro li span.img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; }
    .inPro-more { -webkit-transition: ease all .3s; -o-transition: ease all .3s; -moz-transition: ease all .3s; transition: ease all .3s; margin-top: 60px; }
    .inPro-more:hover { background-color: #0b8787; color: #fff; border-color: #0b8787; }
    .inWhy { padding: 60px 0; position: relative; }
    .inWhy .indesc { padding: 0 120px 26px; }
    .inWhy .inWhy-btn { position: absolute; left: 50%; bottom: 40px; z-index: 2; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
    .inTech, .inPro { padding: 30px 1% 0; }
    .inTech li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
    .inTech li a.img { display: block; overflow: hidden; }
    .inTech li a.img img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; }
    .inTech li:hover .inTech-more, .inTech li:hover h4 a { color: #00807f; }
    .inWhy-btn a:hover { font-weight: bold; }
    .inWhy-btn a:hover:after { background: url(/../images/icon05.png) center no-repeat; }
    .inInfo li .hoverimg { opacity: 0; -webkit-transition: ease all .3s; -o-transition: ease all .3s; -moz-transition: ease all .3s; transition: ease all .3s; }
    .inInfo li .libox:hover .hoverimg { opacity: 1; }
    .inInfo li img { width: 180px; height: 180px; }
    .global { display: none; padding: 0 0 40px; }
    .global dl { padding: 0 100px 0 200px; }
    .global .global-cont span { font-size: 40px; }
    .inTech { padding-bottom: 40px; }
    .inClient { display: none; }
}

@media (min-width: 1200px) {
    .intit { font-size: 40px; padding-bottom: 28px; line-height: 40px; }
    .inPro { padding: 68px 0 80px; }
    .inPro .intit { padding-bottom: 16px; }
    /*.inPro li { padding: 0 25px; }*/
    .inClient li { padding: 5px; }
    /*.inPro li img { margin: 35px auto; }*/
    .inPro li h4 { font-size: 18px; -webkit-line-clamp: 3; height: 72px; }
    .inPro-scrollbox { margin-top: 47px; }
    .inPro-more { margin-top: 52px; }
    .inTech { padding-top: 40px; }
    .inTech li { margin-bottom: 5px; padding: 0 27px; }
    .inTech li .inTech-cont { padding: 20px 35px 15px; }
    .inWhy { padding: 68px 0 105px; height: 835px; position: relative; }
    .inWhy .inWhy-btn { bottom: 70px; }
    .inInfo { padding: 75px 0 45px; }
    .inInfo li h4 { font-size: 24px; }
    .inInfo li:nth-child(1) { text-align: left; }
    .inInfo li:nth-child(1) img { float: left; }
    .inInfo li:nth-child(1) .hoverimg { left: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
    .inInfo li:nth-child(1) .libox { display: inline-block; text-align: center; }
    .inInfo li:nth-child(3) { text-align: right; }
    .inInfo li:nth-child(3) img { float: right; }
    .inInfo li:nth-child(3) .hoverimg { left: auto; right: 0; -webkit-transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
    .inInfo li:nth-child(3) .libox { display: inline-block; text-align: center; }
    .inClient { overflow: hidden; padding: 26px 0 125px; }
    .inClient li { overflow: visible; margin-right: 30px; width: auto; margin-left: 30px; }
    .inClient li a { width: 145px; height: 128px; position: relative; z-index: 2; background: none; }
    .inClient li a img { position: relative; z-index: 2; top: 55%; }
    .inClient li a:after { content: ''; display: block; width: 140px; height: 140px; background-color: #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); position: absolute; left: 0; top: 0; -webkit-box-shadow: 5px 3px 9px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 5px 3px 9px 2px rgba(0, 0, 0, 0.3); box-shadow: 5px 3px 9px 2px rgba(0, 0, 0, 0.3); }
    .inClient li:nth-child(1) { margin-left: 149px; }
    .inClient li:nth-child(5) { margin-left: 30px; margin-right: -149px; }
    .inClient li:last-child { margin-right: 0; }
    .global { padding: 0 0 57px; }
    .global dl { padding: 0 100px 0 300px; overflow: hidden; }
    .global dd { left: 100px; }
    .global .global-cont span { font-size: 50px; }
    .global .global-cont.lastchange i { font-size: 20px; }


    .inPro { padding: 40px 5%; }
}

@media (min-width: 1366px) {
    .inPro-scrollbox { padding: 0; }
    .inPro-btn { width: 50px; height: 50px; }
    #inPro-Prev { left: -60px; }
    #inPro-Next { right: -60px; }
}

@media (min-width: 1800px) {
    .inTech, .inPro { padding: 40px 5%; }
}

/*-----内页样式start-----*/
.homespapageimg02 { width: 100%; position: relative; overflow: hidden; }

.homespapageimg02 img { display: block; width: 100%; }

.loadingmore { display: block; height: 40px; line-height: 40px; background-color: #0b8787; color: #FFFFFF; width: 100%; text-align: center; }

@font-face { font-family: 'AvantGardeITCbyBT-Medium'; src: url("avantgardeitcbybt-medium-webfont.woff") format("woff"); font-weight: lighter; font-style: normal; }

/*副导航*/
.subnavlist03 { background-color: #f2f2f2; }

.subnavlist03 .commonweb { display: none; max-width: 100%; }

.subnavlist03 ul li { font-size: 16px; text-align: center; }

.subnavlist03 ul li a { display: block; width: 100%; font-size: 16px; padding: 22px 0; text-align: center; line-height: 18px; background-color: #f2f2f2; color: #333333; }

.subnavlist03 ul li a:hover { background-color: #0a8dd7; color: #ffffff; }

.subnavlist03 ul li a.cur { background-color: #0a8dd7; color: #ffffff; }

.zsannavbtn03 { padding: 15px; color: #333333; text-align: center; font-size: 16px; cursor: pointer; }

.zsannavbtn03 a:after { display: inline-block; content: ""; width: 12px; height: 12px; border-left: 1px solid #333333; border-bottom: 1px solid #333333; margin: 0 0 3px 6px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }

@media (min-width: 768px) {
    .zsannavbtn03 { display: none; }
    .subnavlist03 .commonweb { display: block; }
    .subnavlist03 { display: block; text-align: center; font-size: 0; }
    .subnavlist03 ul li { display: inline-block; }
    .subnavlist03 ul li a { width: auto; padding: 22px 15px; margin: 0; }
}

@media (min-width: 1024px) {
    .subnavlist03 ul li a { padding: 22px 20px; }
    .loadingmore { font-size: 16px; height: 50px; line-height: 50px; }
}

@media (min-width: 1199px) {
    .subnavlist03 ul li a { padding: 22px 36px; }
}

@media (min-width: 1024px) {
    .homespapageimg02 img { display: block; width: auto; max-width: none; position: absolute; z-index: 3; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); position: relative; }
}

.Groupbranch .Grouptop { padding: 30px 0 0; }

.Groupbranch .Grouptop img { max-width: 100%; }

.Groupbranch .Grouplists { padding: 30px 0; background-color: #f6f6f6; }

.Groupbranch .Grouplists dl { background-color: #FFFFFF; margin-bottom: 15px; }

.Groupbranch .Grouplists dl dt img { display: block; width: 100%; margin: 0 auto; }

.Groupbranch .Grouplists dl dd { padding: 20px; }

.Groupbranch .Grouplists dl dd h3.name { font-size: 18px; color: #333333; }

.Groupbranch .Grouplists dl dd .Grotext { line-height: 24px; color: #4f4f4f; border-top: 1px solid #CCCCCC; padding: 10px 0 0; margin: 10px 0 0; }

@media (min-width: 1024px) {
    .Groupbranch .Grouptop { padding: 60px 0 0; }
    .Groupbranch .Grouplists { padding: 50px 0; }
    .Groupbranch .Grouplists dl { margin-bottom: 0; }
    .Groupbranch .Grouplists dl dt { float: right; width: 50%; position: relative; }
    .Groupbranch .Grouplists dl dt:after { content: ""; display: block; width: 0; height: 0; border-top: 16px solid transparent; border-left: 16px solid #FFFFFF; border-bottom: 16px solid transparent; position: absolute; left: 0; top: 50%; margin-top: -8px; }
    .Groupbranch .Grouplists dl dd { padding: 10px 20px; float: left; width: 50%; }
    .Groupbranch .Grouplists dl dd .Grotext { padding: 5px 0 0; height: 192px; line-height: 24px; display: -webkit-box; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 8; display: block; display: -webkit-box; }
    .Groupbranch .Grouplists dl:nth-child(even) dt { float: left; }
    .Groupbranch .Grouplists dl:nth-child(even) dt:after { border-left: 0; border-right: 14px solid #FFFFFF; left: auto; right: 0; }
    .Groupbranch .Grouplists dl:nth-child(even) dd { float: right; }
}

@media (min-width: 1199px) {
    .Groupbranch .Grouplists { padding: 73px 0 0; }
    .Groupbranch .Grouplists dl dd { padding: 55px 48px 0 42px; }
    .Groupbranch .Grouplists dl dd h3.name { font-size: 20px; height: 22px; overflow: hidden; }
    .Groupbranch .Grouplists dl dd .Grotext { margin-top: 19px; padding-top: 19px; }
}

@media (min-width: 992px) {
    .col-md-3s { float: left; padding-left: 10px; padding-right: 10px; }
    .col-md-3s { width: 20%; }
}

.Partnerwrap { padding: 30px 0; }

.Partnerwrap .partnlist { overflow: hidden; margin-bottom: 15px; }

.Partnerwrap .partnlist h4.name { font-size: 18px; font-weight: bold; color: #0a8dd7; position: relative; width: auto; margin-bottom: 15px; display: inline-block; vertical-align: top; *display: inline; *zoom: 1; padding: 0 48px; }

.Partnerwrap .partnlist h4.name img { vertical-align: middle; margin-right: 13px; height: 32px; }

.Partnerwrap .partnlist h4.name:before, .Partnerwrap .partnlist h4.name:after { content: ""; display: block; width: 38px; height: 1px; background-color: #cccccc; position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.Partnerwrap .partnlist h4.name:before { left: 0; }

.Partnerwrap .partnlist h4.name:after { right: 0; }

.Partnerwrap .partnlist ul { margin: 0 -4px; }

.Partnerwrap .partnlist ul li { padding: 0 4px; margin-bottom: 8px; }

.Partnerwrap .partnlist ul li a { display: block; border: 1px solid #d9d9d9; }

.Partnerwrap .partnlist ul li a img { max-width: 100%; margin: 0 auto; }

@media (min-width: 1024px) {
    .Partnerwrap { padding: 40px 0 0; }
    .Partnerwrap .partnlist { margin-bottom: 40px; }
    .Partnerwrap .partnlist h4.name { font-size: 24px; padding: 0 54px; margin-bottom: 36px; }
    .Partnerwrap .partnlist h4.name img { height: 47px; }
    .Partnerwrap .partnlist ul li { margin-bottom: 30px; }
    .Partnerwrap .partnlist ul li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
    .Partnerwrap .partnlist ul li a { overflow: hidden; }
    .Partnerwrap .partnlist ul li a img { -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; }
}

.SjaboutUS .aboutcont01 { padding: 30px 0; }

.SjaboutUS .aboutcont01 .abouttext01 { color: #666666; }

.SjaboutUS .aboutcont01 .abouttext01 img { max-width: 100%; }

.SjaboutUS .aboutcont01 .abouttext01 .aboutsince01 { font-size: 40px; color: #e4e6ea; text-transform: uppercase; line-height: 52px; font-family: "AvantGardeITCbyBT-Medium",Arial; }

.SjaboutUS .aboutcont01 .abouttext01 .abouttitle01 { font-size: 20px; color: #0a8dd7; font-weight: bold; }

@media (min-width: 1024px) {
    .SjaboutUS .aboutcont01 { padding: 41px 0 53px; }
    .SjaboutUS .aboutcont01 .abouttext01 { font-size: 14px; line-height: 24px; }
    .SjaboutUS .aboutcont01 .abouttext01 .aboutsince01 { font-size: 60px; }
    .SjaboutUS .aboutcont01 .abouttext01 .abouttitle01 { font-size: 24px; }
}

.honorcont401 { padding: 20px 0; background-color: #ffffff; }

.honorlist401 { padding: 3%; background-color: #0a8dd7; color: #ffffff; }

.honorscroll401 { overflow: hidden; }

.honorlist401 ul li { text-align: center; margin-right: 20px; font-size: 16px; width: 33.33%; float: left; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-box-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; }

.honorlist401 ul { width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: -webkit-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.honordiv401 { padding: 4%; background-color: #FFFFFF; margin-bottom: 8px; }

.honordiv401 span { width: 100%; display: table; text-align: center; padding: 20px 0; overflow: hidden; position: relative; }

.honordiv401 span img { display: table-cell; vertical-align: middle; width: 100%; max-width: 100%; max-height: 100%; }

.honorbtn401 { font-size: 0; line-height: 0; text-align: center; padding-top: 10px; }

.honorbtn401 a { display: inline-block; width: 42px; height: 42px; background-color: #ffffff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; overflow: hidden; margin: 0 5px; }

.honorbtn401 a:after { display: inline-block; content: ""; width: 20px; height: 20px; border-left: 1px solid #333333; border-bottom: 1px solid #333333; }

.honorbtn401 a:nth-child(1):after { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); margin: 11px 0 0 8px; }

.honorbtn401 a:nth-child(2):after { transform: rotate(225deg); -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); margin: 11px 0 0 -10px; }

.honorbtn401 a:hover { background-color: #23ac38; }

.honorbtn401 a:hover:after { border-left: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }

@media (min-width: 768px) {
    .honorcont401 { padding: 36px 0; }
    .honorlist401 { margin-bottom: 20px; padding: 50px 45px 30px; }
    .honordiv401 span { height: 328px; }
    .honorbtn401 { padding-top: 26px; }
    .honorbtn401 a { margin: 0 11px; }
    .honordiv401 span img { width: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
}

@media (min-width: 992px) {
    .culturelist401 ul li { padding: 0 8px; }
}

@media (min-width: 1024px) {
    .honordiv401 span { height: 355px; }
}

.development03 { padding: 36px 0 0; color: #333333; }

.questiontoptext03 { text-align: center; padding-bottom: 50px; font-size: 16px; line-height: 28px; }

.questiontoptext03 h4 { font-size: 20px; line-height: 26px; font-weight: bold; color: #0068b7; padding-bottom: 18px; }

.background03 { background-color: #f6f6f6; }

.Developmentlistcont03 { padding: 30px 0; }

.develistscroll03 { position: relative; overflow: hidden; background-color: #ffffff; }

.develistscroll03 ul { width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: -webkit-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.develistscroll03 ul li { width: 100%; float: left; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; overflow: hidden; }

.develistscroll03 img { display: block; width: 100%; margin: 0 auto; }

.develisttext03 { background-color: #ffffff; position: relative; }

.develisttextlist03 { padding: 3%; position: relative; line-height: 28px; }

.develisttextlist03 h4 { font-size: 30px; color: #0068b7; line-height: 40px; margin-bottom: 20px; opacity: 0; transition: all .8s; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; transform: translateY(20px); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); }

.deveyearlist03 { overflow: hidden; }

.deveyearlist03 ul { width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -o-transition-property: -o-transform; transition-property: -webkit-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.deveyearlist03 ul li { width: 14.22%; float: left; padding-left: 12px; border-left: 1px solid #cccccc; transition: all .6s; -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; cursor: pointer; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; }

.deveyearlist03 ul li span { display: block; height: 115px; line-height: 200px; font-size: 24px; color: #999999; transition: all .6s; -webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; }

.deveyearlist03 ul li.cur, .deveyearlist03 ul li:hover { border-left: 1px solid #0a8dd7; }

.deveyearlist03 ul li.cur span, .deveyearlist03 ul li:hover span { padding-left: 10px; color: #0a8dd7; }

.deveyearhide { display: none; }

.deveparatext03 { opacity: 0; transition: all .8s; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; transform: translateY(20px); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); }

.devescroll03 { opacity: 0; height: 0; overflow: hidden; }

.devescroll03.deveanimate { opacity: 1; height: auto; }

.devescroll03.deveanimate .develisttextlist03 h4 { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }

.devescroll03.deveanimate .deveparatext03 { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); }

.deveyearhistor { position: relative; padding: 0 45px; }

.deveyearhistor .button-next, .deveyearhistor .button-prev { cursor: pointer; display: block; width: 34px; height: 64px; background-position: center center; background-repeat: no-repeat; -moz-background-size: 20px; -o-background-size: 20px; background-size: 20px; position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.deveyearhistor .button-next { background-image: url(../images/icon17.png); right: 0; }

.deveyearhistor .button-prev { background-image: url(../images/icon18.png); left: 0; }

@media (min-width: 1024px) {
    .deveyearhistor { padding: 0; }
    .deveyearhistor .button-next { right: -34px; }
    .deveyearhistor .button-prev { left: -34px; }
}

@media (min-width: 1366px) {
    .deveyearhistor .button-next, .deveyearhistor .button-prev { -moz-background-size: auto; -o-background-size: auto; background-size: auto; }
    .deveyearhistor .button-next { right: -57px; }
    .deveyearhistor .button-prev { left: -57px; }
}

@media (min-width: 768px) {
    .questiontoptext03 h4 { font-size: 36px; line-height: 38px; }
    .develisttextlist03 h4 { font-size: 42px; line-height: 48px; }
    .Developmentlistcont03 { padding: 98px 0; }
}

@media (min-width: 992px) {
    .develistscroll03 { width: 50%; float: left; }
    .develistscroll03 ul li { height: 525px; }
    .develistscroll03 img { display: block; margin: 0; width: auto; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
    .develisttext03 { width: 50%; float: left; height: 525px; position: relative; }
    .develisttextlist03 { padding: 0 30px 0 40px; top: 40%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
}

.contactUsmain { padding: 15px 0; background: #f6f6f6; }

.contactUsmain dl { line-height: 24px; margin-bottom: 10px; padding: 15px 10px; background-color: #FFFFFF; }

.contactUsmain dl dt { padding-left: 35px; padding-bottom: 10px; background-image: url(../images/cta404-03.png); background-repeat: no-repeat; background-position: left top 5px; -moz-background-size: 25px; -o-background-size: 25px; background-size: 25px; }

.contactUsmain dl dt em { font-size: 20px; display: block; }

.contactUsmain dl dt span { color: #999999; font-size: 12px; display: block; }

.contactUsmain dl dd { padding-bottom: 12px; color: #666; }

.contactUsmain dl dd.contactimg02 img { display: block; width: 100%; }

@media (min-width: 768px) {
    .contactUsmain { padding: 35px 0; }
    .contactUsmain dl { padding: 20px; border: 0; margin-bottom: 23px; }
    .contactUsmain dl dt { width: 100%; float: left; }
    .contactUsmain dl dd.canedit { float: left; width: 60%; padding-top: 20px; }
    .contactUsmain dl dd.contactimg02 { float: right; width: 33%; }
    .contactUsmain dl dd.contactimg02 img { display: block; width: 100%; }
}

@media (min-width: 1190px) {
    .contactUsmain dl { padding: 20px 20px 13px 6%; }
    .contactUsmain dl dd { padding-bottom: 0; line-height: 30px; }
    .contactUsmain dl dt { float: left; width: 30%; padding-bottom: 0; -moz-background-size: auto; -o-background-size: auto; background-size: auto; padding-left: 66px; margin-top: 23px; }
    .contactUsmain dl dt em { margin-bottom: 5px; }
    .contactUsmain dl dd.canedit { width: 44.5%; }
    .contactUsmain dl dd.contactimg02 { width: 21.2%; }
}

.feedbookcont401 { padding: 36px 0; color: #333333; }

.feedbacktips em { color: #0a8dd7; }

.feedback401 { padding: 3% 5%; margin-top: 2%; }

.feedback401 ul li { padding-bottom: 3%; }

.feedback401 ul li:nth-child(2n) { float: initial; }

.feedback401 ul li label { display: block; padding-top: 6px; }

.feedbacklabel401 { display: block; }

.feedbacklabel401 em { color: #0a8dd7; margin-right: 8px; }

.feedback401 .feedbacktext401 { display: block; width: 100%; height: 35px; border: 1px solid #dcdcdc; padding-left: 12px; background-color: #ffffff; }

.feedback401 .feedbackarea401 { display: block; width: 100%; height: 126px; border: 1px solid #dcdcdc; background-color: #ffffff; padding: 12px; }

.feedback401 ul li.lastfeedback401 { width: 100%; }

.feedbackbtn401 { text-align: center; }

.feedbackbtn401 input { width: 100px; height: 35px; background-color: #0a8dd7; font-size: 18px; color: #ffffff; line-height: 35px; cursor: pointer; margin-bottom: 3%; }

.feedbackbtn401 input.feedbackrebtn401 { background-color: #666666; }

.feedbackbtn401 input.feedbackrebtn401 { margin-left: 20px; }

.feedbackcode401 { border: 1px solid #dcdcdc; width: 60%; height: 38px; background-color: #ffffff; position: relative; }

.feedbackcode401 input { width: 100%; height: 36px; padding-left: 12px; }

.feedbackcodeimg401 { display: block; position: absolute; top: 0px; right: 0; }

.feedbackcodeimg401 img { display: block; width: 83px; height: 36px; }

@media (min-width: 768px) {
    .feedback401 ul li { width: 42%; float: left; }
    .feedback401 ul li:nth-child(2n) { float: right; }
    .feedback401 .feedbackarea401 { height: 232px; }
    .feedbackbtn401 input { width: 119px; margin-bottom: 0; }
    .feedbackcode401 { width: 217px; }
}

.newsCnter { padding: 36px 0; background-color: #f6f6f6; }

.newslistext08 { background-color: #ffffff; padding: 100px 26px 60px; height: 100%; color: #666666; position: relative; }

.newslistext08 h4 { font-size: 20px; line-height: 28px; margin-bottom: 38px; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; }

.newslistext08 h4 a { color: #333333; }

.newslist08 { overflow: hidden; position: relative; }

.newslist08 ul { margin: 0 -12px; padding-bottom: 20px; }

.newslist08 ul li { padding: 12px; }

.newslistcont08 { overflow: hidden; position: relative; }

.newslisimg08 { height: 100%; background-color: #0a8dd7; position: absolute; left: 0; top: 0; }

.nsimg08 { width: 100%; }

.nsimg08 img { display: block; width: 100%; }

.newslisimg08 h4 { margin: 65px 26px 0; font-size: 20px; line-height: 28px; -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; }

.newslisimg08 a { color: #ffffff; }

.nstext08 { -o-text-overflow: ellipsis; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; }

.newsdate08 { width: 80px; height: 80px; background-color: #0a8dd7; color: #ffffff; position: absolute; top: 0; left: 28px; text-align: center; }

.newsdate08 p { font-size: 40px; font-family: Arial; line-height: 50px; }

.back { display: none; }

.remorebtn03 a { display: block; height: 45px !important; background-color: #0a8dd7; margin: 20px 0 10px !important; text-align: center; line-height: 45px !important; color: #ffffff !important; font-size: 16px !important; }

.remorebtn03 a:hover { color: #ffffff; }

@media (min-width: 768px) {
    .newslistext08 { padding: 100px 26px 0; }
    .newslistcont08 { height: 435px; }
    .nsimg08 { display: block; width: 100%; height: 213px; overflow: hidden; position: relative; }
    .nsimg08 img { display: block; width: 100%; }
    .front, .back { position: absolute; left: 0; top: 0; bottom: 0; right: 0; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; overflow: hidden; -webkit-transition: .6s; -moz-transition: .6s; -o-transition: .6s; transition: .6s; }
    .back { display: block; position: absolute; top: 0; left: 0; width: 100%; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); z-index: 1; }
    .front { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); z-index: 2; }
    .newslist08 ul li:hover .back { opacity: 1; -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); z-index: 2; }
    .newslist08 ul li:hover .front { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); z-index: 1; }
}

.newscont11 { padding: 30px 0; background-color: #ffffff; }

.newsdetail11 { background-color: #ffffff; }

.detailtitle11 h4 { font-size: 17px; line-height: 29px; color: #333333; margin-bottom: 10px; }

.detaildate11 { font-size: 16px; color: #8e8e8e; font-family: Arial; }

.detailtext11 { padding: 30px 0; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; margin-top: 16px; line-height: 32px; color: #333333; }

.detailtext11 img { display: block; max-width: 100%; width: auto !important; height: auto !important; margin: 0 auto; }

.detailpage11 { padding-top: 30px; color: #666666; line-height: 28px; }

.detailpage11 dd a { color: #666666; }

.detailback11 { display: block; margin-top: 15px; width: 144px; height: 49px; background-color: #068783; color: #ffffff; text-align: center; line-height: 49px; }

.detailback11:hover { color: #ffffff; background-color: #068783; }

.Share11 { display: none; position: absolute; left: 0px; top: 710px; width: 73px; z-index: 50; padding-top: 60px; }

.newsshare11 a { display: block; width: 73px !important; height: 73px !important; margin: 0 0 1px 0 !important; }

.weibolink { background-image: url(../images/news11xw02.jpg) !important; }

.tenngxunlink { background-image: url(../images/news11xw03.jpg) !important; }

.qqlink { background-image: url(../images/news11xw04.jpg) !important; }

.weixinlink { background-image: url(../images/news11xw05.jpg) !important; }

.baidulink { background-image: url(../images/news11xw06.jpg) !important; }

.taolink { background-image: url(../images/news11xw07.jpg) !important; }

.weibolink:hover { background-image: url(../images/news11xw08.jpg) !important; }

.tenngxunlink:hover { background-image: url(../images/news11xw09.jpg) !important; }

.qqlink:hover { background-image: url(../images/news11xw10.jpg) !important; }

.weixinlink:hover { background-image: url(../images/news11xw11.jpg) !important; }

.baidulink:hover { background-image: url(../images/news11xw12.jpg) !important; }

.taolink:hover { background-image: url(../images/news11xw13.jpg) !important; }

@media (min-width: 768px) {
    .detailtext11 { padding: 50px 12%; min-height: 510px; margin-top: 30px; font-size: 16px; }
    .Share11 { display: block; }
    .detailpage11 { padding-top: 50px; }
}

@media (min-width: 992px) {
    .detailtitle11 { padding-right: 133px; }
    .detailtitle11 h4 { font-size: 36px; line-height: 42px; margin-bottom: 35px; }
    .detaildate11 { font-size: 24px; }
    .detailpage11 dd { float: left; }
    .detailpage11 dt { float: right; }
    .detailback11 { margin: 0; }
}

@media (min-width: 1199px) {
    .newscont11 { padding: 62px 0; }
    .detailtext11 { margin-top: 51px; }
}

.newscont407 { padding: 36px 0; background-color: #ffffff; }

.newslist407 dl { margin-bottom: 30px; color: #666666; padding-bottom: 30px; border-bottom: 1px solid #cccccc; }

.newslist407 dt { overflow: hidden; padding: 0; }

.newslist407 dt img { display: block; width: 100%; margin: 0 auto; transition: all .8s ease-in-out; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -ms-transition: all .8s ease-in-out; -o-transition: all .8s ease-in-out; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }

.newslist407 dl:hover dt img { transform: scale(1.03); -webkit-transform: scale(1.03); -moz-transform: scale(1.03); -ms-transform: scale(1.03); -o-transform: scale(1.03); }

.newsmore407 { display: inline-block; width: 82px; height: 32px; border: 1px solid #b3b3b3; text-align: center; line-height: 32px; font-size: 13px; color: #666666; background-color: #ffffff; }

.newslist407 dl:hover a.newsmore407 { background: #068783; color: #ffffff; border: 1px solid #068783; }

.newslist407 dd h4 { font-size: 20px; margin-top: 30px; }

.newslist407 dd h4 a { display: block; height: 24px; overflow: hidden; color: #333333; }

.newsdate407 { display: block; margin: 10px 0 18px 0; font-family: Arial; padding-left: 28px; background-image: url(../images/xw407-01.png); background-position: left center; background-repeat: no-repeat; color: #666666; }

.newslist407 dd p { height: 72px; overflow: hidden; margin-bottom: 42px; }

.newslist407 dl:hover h4 a { color: #068783; }

@media (min-width: 768px) {
    .newslist407 dt { float: right; text-align: center; }
    .newslist407 dt a { display: inline-block; overflow: hidden; }
    .newslist407 dt img { width: 446px; height: 251px; }
    .newslist407 dd { padding: 0 30px 0 0; }
    .newslist407 dd h4 { font-size: 24px; margin: 0; line-height: 24px; }
    .newslist407 dd p { margin-bottom: 65px; }
}

.Talentidea { padding: 30px 0; }

.Talentidea .taletmin { background-repeat: no-repeat; background-position: center center; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; padding: 30px 0; min-height: 250px; }

.Talentidea .taletmin .textbox { width: 90%; margin: 0 auto; padding: 30px 0; min-height: 90px; text-align: center; overflow: hidden; position: absolute; z-index: 3; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: rgba(255, 255, 255, 0.7); }

.Talentidea .taletmin .textbox p.text { font-size: 20px; line-height: 30px; width: 90%; position: absolute; z-index: 3; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media (min-width: 768px) {
    .Talentidea { padding: 45px 0 30px; }
    .Talentidea .taletmin { padding: 30px 0; min-height: 400px; }
    .Talentidea .taletmin .textbox { min-height: 230px; }
    .Talentidea .taletmin .textbox p.text { font-size: 30px; line-height: 40px; }
}

@media (min-width: 1024px) {
    .Talentidea .taletmin { height: 600px; }
    .Talentidea .taletmin .textbox { height: 316px; max-width: 790px; }
    .Talentidea .taletmin .textbox p.text { font-size: 40px; }
}

.singlepage20 { padding: 30px 0; }

.singtitle20 { font-size: 14px; line-height: 24px; text-align: center; }

.singtitle20 h4 { font-size: 20px; }

.singullist { position: relative; }

.singullist li { padding: 0; margin: 2px 0 10px; overflow: hidden; }

.singullist li img { display: block; width: 100%; margin: 0 auto; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: all 4s cubic-bezier(0.23, 1, 0.32, 1); -o-transition: all 4s cubic-bezier(0.23, 1, 0.32, 1); -moz-transition: all 4s cubic-bezier(0.23, 1, 0.32, 1); transition: all 4s cubic-bezier(0.23, 1, 0.32, 1); }

.singullist li .imgbox { position: relative; overflow: hidden; }

.singlepage24 dl { padding: 20px 0; }

.singlepage24 dl dt img { display: block; width: 100%; margin: 0 auto; }

.singlepage24 dl dd { padding: 20px 0; }

@media (min-width: 768px) {
    .singullist li { width: 50%; margin: 2px 0; padding: 0 2px; }
    .singtitle20 { font-size: 16px; line-height: 28px; }
    .singtitle20 h4 { font-size: 24px; }
}

@media (min-width: 1024px) {
    .singullist li:hover img { -webkit-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); -webkit-transition: all 4s cubic-bezier(0.23, 1, 0.32, 1); -o-transition: all 4s cubic-bezier(0.23, 1, 0.32, 1); -moz-transition: all 4s cubic-bezier(0.23, 1, 0.32, 1); transition: all 4s cubic-bezier(0.23, 1, 0.32, 1); }
    .singullist li { width: 33.33%; }
    .singullist li:nth-child(1), .singullist li:nth-child(4) { margin-right: 2px; }
    .singullist li:nth-child(2), .singullist li:nth-child(5) { float: right; margin-left: 2px; }
    .singullist li:nth-child(3) { position: absolute; left: 50%; top: 0; bottom: 0; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -moz-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); }
    .singlepage20 { padding: 30px 0 50px 0; }
    .singlepage24 dl { padding: 40px 0; }
    .singlepage24 dl dt { float: right; width: 47.5%; }
    .singlepage24 dl dd { float: left; width: 50%; font-size: 16px; line-height: 28px; }
}

.honorcont403 { padding: 36px 0; }

.honorlist403 ul li { text-align: center; margin-bottom: 20px; }

.honordiv403 { padding: 4%; background-color: #f2f2f2; cursor: pointer; color: #333333; transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; }

.honordiv403 img { display: block; max-width: 100%; margin: 0 auto; transition: all .8s; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); }

.honordiv403 span { display: block; margin: 20px 0; }

.honorlist403 ul li:hover .honordiv403 { color: #0a8dd7; }

.honorlist403 ul li p { font-size: 16px; }

.honorlinkpage403 { text-align: center; font-size: 16px; }

.honorlinkpage403 a { display: block; padding: 8px 33px; background-color: #f2f2f2; color: #666666; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin: 0 12px 6px; }

.honorlinkpage403 a:hover, .honorlinkpage403 a.cur { background-color: #0a8dd7; color: #ffffff; }

.thumb-popup { display: none; position: fixed; left: 0; top: 0; z-index: 100; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }

.thumb-copy-wrapper { position: absolute; z-index: 3; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 94%; height: 60%; max-width: 1000px; background: #fff; overflow: hidden; }

.thumb-copy-wrapper .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.thumb-copy-wrapper .swiper-wrapper li { overflow: hidden; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; }

.thumb-copy-wrapper .swiper-wrapper li img { display: block; max-height: 80%; position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }

.thumb-copy-wrapper .close { position: absolute; right: 0px; top: 0px; z-index: 9; width: 30px; height: 30px; font-size: 30px; font-weight: bold; line-height: 30px; text-align: center; color: #333; background: rgba(255, 255, 255, 0.5); cursor: pointer; }

.thumb-text { position: absolute; padding: 10px; background-color: rgba(0, 0, 0, 0.8); left: 10px; right: 10px; bottom: 10px; color: #ffffff; z-index: 10; font-weight: bold; }

.thumb-index { display: inline-block; margin-left: 12px; }

.thumb-leftbtn, .thumb-rightbtn { position: absolute; top: 50%; z-index: 10; cursor: pointer; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.thumb-leftbtn { left: 10px; }

.thumb-rightbtn { right: 10px; }

.thumb-leftbtn::before, .thumb-rightbtn::before { display: inline-block; content: ""; width: 20px; height: 20px; border-left: 2px solid #333333; border-bottom: 2px solid #333333; }

.thumb-leftbtn::before { transform: rotate(40deg); -webkit-transform: rotate(40deg); -moz-transform: rotate(40deg); -ms-transform: rotate(40deg); -o-transform: rotate(40deg); margin: 12px 0 0 5px; }

.thumb-rightbtn::before { transform: rotate(225deg); -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); margin: 12px 5px 0 0; }

.thumb-popup li p { position: absolute; padding: 10px; background-color: rgba(0, 0, 0, 0.8); left: 10px; right: 10px; bottom: 10px; color: #ffffff; z-index: 10; font-weight: bold; }

.thumb-popup2 li p { display: none; }

@media (min-width: 768px) {
    .honordiv403 span { display: block; overflow: hidden; position: relative; height: 240px; }
    .honordiv403 span img { margin: 0; height: 240px; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
    .honordiv403:hover img { transform: translateX(-50%) scale(1.03); -webkit-transform: translateX(-50%) scale(1.03); -moz-transform: translateX(-50%) scale(1.03); -ms-transform: translateX(-50%) scale(1.03); -o-transform: translateX(-50%) scale(1.03); }
    .honorlinkpage403 a { display: inline-block; }
}

@media (min-width: 1024px) {
    .thumb-copy-wrapper { width: 800px; height: 600px; }
    .thumb-copy-wrapper .swiper-wrapper li img { width: auto; max-height: 580px; }
}

.Receruit { padding: 30px 0; }

.Receruit .taletmin { background-repeat: no-repeat; background-position: center center; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; padding: 30px 0; min-height: 250px; }

.Receruit .taletmin .textbox { width: 90%; margin: 0 auto; padding: 30px 0; min-height: 90px; text-align: center; overflow: hidden; position: absolute; z-index: 3; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: rgba(255, 255, 255, 0.7); }

.Receruit .taletmin .textbox p.text { font-size: 20px; line-height: 30px; width: 90%; position: absolute; z-index: 3; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.Receruit .recenterlis { padding: 30px 0 0; }

.Receruit .recenterlis a { display: block; }

.Receruit .recenterlis ul li { margin-bottom: 15px; }

.Receruit .recenterlis ul li .mincont { position: relative; }

.Receruit .recenterlis ul li .mincont .rembox p.img img { display: block; width: 100%; margin: 0 auto; }

.Receruit .recenterlis ul li .mincont .rembox p.name { width: 100%; text-align: center; color: #FFFFFF; font-size: 16px; background-color: #0a8dd7; height: 35px; line-height: 35px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; position: absolute; bottom: 0; left: 0; opacity: 0; }

.Receruit .recenterlis ul li .mincont .showicon { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(7, 136, 131, 0.6); color: #FFFFFF; }

.Receruit .recenterlis ul li .mincont .showicon .posit { position: absolute; z-index: 3; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 18px; margin-top: 5px; }

.Receruit .recenterlis ul li .mincont .showicon .posit img { display: block; width: 60px; height: 52px; margin: 0 auto; }

@media (min-width: 768px) {
    .Receruit { padding: 45px 0 30px; }
    .Receruit .taletmin { padding: 30px 0; min-height: 400px; }
    .Receruit .taletmin .textbox { min-height: 230px; }
    .Receruit .taletmin .textbox p.text { font-size: 30px; line-height: 40px; }
}

@media (min-width: 1024px) {
    .Receruit { padding: 41px 0 52px; }
    .Receruit .taletmin { height: 600px; }
    .Receruit .taletmin .textbox { height: 316px; max-width: 790px; }
    .Receruit .taletmin .textbox p.text { font-size: 40px; }
    .Receruit .recenterlis { padding: 42px 15px 0; }
    .Receruit .recenterlis ul li { padding: 0 15px; }
    .Receruit .recenterlis ul li .mincont .rembox p.name { height: 51px; line-height: 51px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; opacity: 1; -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; }
    .Receruit .recenterlis ul li .mincont .showicon { opacity: 0; -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; transition: all ease 0.7s; }
    .Receruit .recenterlis ul li .mincont .showicon .posit { font-size: 24px; line-height: 30px; }
    .Receruit .recenterlis ul li:hover .mincont .rembox p.name { opacity: 0; }
    .Receruit .recenterlis ul li:hover .showicon { opacity: 1; }
}

.Campusrects { padding: 30px 0; }

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

.recruitcep a { display: inline-block; vertical-align: top; *display: inline; *zoom: 1; width: 21%; height: 30px; line-height: 30px; text-align: center; border: 1px solid #333333; font-size: 12px; margin: 0 5px; }

.recruitcep a.cur, .recruitcep a:hover { border: 1px solid #0b8787; color: #0b8787; }

.campustext { background-image: url(../images/icon15.png); background-repeat: no-repeat; background-position: top center; -moz-background-size: 80px; -o-background-size: 80px; background-size: 80px; padding: 90px 0 20px 0; margin: 30px 0 0 0; color: #4c4c4c; line-height: 24px; }

.campustext h4 { font-size: 20px; color: #0a8dd7; margin-bottom: 8px; }

.campustext p.text { color: #333333; margin-bottom: 10px; }

.zzhaopainlist401 { overflow-x: scroll; overflow-y: hidden; margin-bottom: 20px; }

.zzhaopainlist401 table { min-width: 500px; width: 100%; border-collapse: collapse; }

.zzhaopainlist401 table th { padding: 13px 0; background-color: #0a8dd7; color: #ffffff; font-weight: bold; }

.zzhaopainlist401 table td { width: 22%; padding: 19px 3px; border-bottom: 1px solid #d9d9d9; text-align: center; color: #666; }

.zzhaopainlist401 table td a { display: block; cursor: auto; color: #666; }

.zzhaopainicon401 { display: block; }

.zplistlink401 { display: block; width: 100%; text-align: center; }

@media (min-width: 768px) {
    .Campusrects { padding: 45px 0 60px; }
    .zzhaopainlist401 { overflow: hidden; margin-bottom: 41px; }
    .zzhaopainlist401 table th { font-size: 16px; text-align: left; padding: 19px 0 19px 30px; }
    .zzhaopainlist401 table th:last-child { text-align: center; }
    .zzhaopainlist401 table td a { font-size: 16px; }
    .zzhaopainlist401 table td { padding-left: 30px; text-align: left; width: 13%; }
    .zzhaopainlist401 table td:nth-child(1), .zzhaopainlist401 table td:nth-child(2) { width: 27%; }
    .campustext { background-position: top right; -moz-background-size: 100px; -o-background-size: 100px; background-size: 100px; padding: 0 120px 27px 0; }
    .campustext h4 { font-size: 24px; }
    .recruitcep a { width: 140px; margin: 0 10px; font-size: 18px; height: 40px; line-height: 40px; }
}

@media (min-width: 1024px) {
    .campustext { margin-top: 87px; font-size: 16px; -moz-background-size: 169px; -o-background-size: 169px; background-size: 169px; padding-right: 220px; }
    .campustext h4 { font-size: 28px; line-height: 28px; margin-bottom: 21px; }
    .campustext p.text { margin-bottom: 17px; }
    .campustext p.h10 { height: 10px; }
}

.pagezhaopin4 { padding: 18px 0 36px; color: #333333; }

.hsh_zp04 { border-top: 1px solid #e8e8e8; }

.hsh_zp04 li { border-bottom: 1px solid #e8e8e8; }

.hsh_zp04 li h3 { font-size: 15px; height: 60px; line-height: 60px; color: #4c4c4c; padding: 0 28px; background-image: url(../images/zp06.png); background-position: 98% 26px; background-repeat: no-repeat; cursor: pointer; }

.zhaoptext04 { padding: 32px; background: #f2f2f2; font-size: 13px; color: #333333; line-height: 24px; display: none; }

.zhaoptext04 h4 { font-weight: bold; font-size: 14px; color: #333333; padding-bottom: 21px; }

.hsh_mailtoa04 { width: 120px; height: 35px; line-height: 35px; text-align: center; color: #ffffff; font-size: 16px; background-color: #0a8dd7; display: inline-block; margin-top: 32px; }

.hsh_mailtoa04:hover { color: #ffffff; }

.hsh_zp04 li h3.cur { color: #ffffff; background-color: #0a8dd7; background-image: url(../images/zp07.png); background-position: 98% 26px; background-repeat: no-repeat; }

.hsh_mailtotext04 { color: #0a8dd7; display: block; margin-top: 10px; }

.recrequest04 { padding: 2% 0; margin: 0 0 3%; border-bottom: 1px solid #e8e8e8; line-height: 28px; }

.recrequest04 li { padding: 0; border: none !important; }

.remorebtn03 a { display: block; height: 45px !important; background-color: #0a8dd7; margin: 20px 0 10px !important; text-align: center; line-height: 45px !important; color: #ffffff !important; font-size: 16px; }

.remorebtn03 a:hover { color: #ffffff; }

@media (min-width: 768px) {
    .pagezhaopin4 { padding: 36px 0 20px; }
    .hsh_mailtotext04 { display: inline-block; margin-left: 22px; }
    .Recruitmentsearch01 dl { max-width: 565px; margin: auto; padding-left: 150px; position: relative; padding-right: 0px; }
    .Recruitmentsearch01 dl dt { width: 150px; position: absolute; left: 0px; padding: 10px 0px 0px 45px; font-size: 18px; padding-bottom: 0px; }
    .hsh_mailtoa04 { display: inline-block; margin: 32px 22px 0 0; }
}

@media (min-width: 1024px) {
    .zhaoptext04 { padding: 16px 32px 32px; }
}

.singlepage03 { padding: 40px 0 0; color: #333333; font-size: 16px; line-height: 28px; }

.singletext203 h4 { font-size: 20px; font-weight: bold; color: #00a1e9; margin: 12px 0 26px; }

.singleimg203 img { display: block; width: 100%; margin-top: 20px; }

.ponsiblist { overflow: hidden; }

.ponsiblist ul li { margin-bottom: 15px; }

.ponsiblist ul li img { display: block; width: 100%; margin: 0 auto; }

@media (min-width: 768px) {
    .singletext203 h4 { font-size: 30px; }
    .responsib { padding: 0px 0 50px 0; }
    .ponsiblist ul { margin: 0 -2px; }
    .ponsiblist ul li { float: left; width: 39.5%; padding: 0 1px; margin-bottom: 5px; }
    .ponsiblist ul li:nth-child(1), .ponsiblist ul li:nth-child(4) { width: 60.5%; padding: 0 2px; }
}

@media (min-width: 1024px) {
    .singletext203 { float: right; width: 50%; }
    .singletext203 h4 { margin: 60px 0 35px; }
    .singletext203 h4 { margin: 60px 0 35px; }
    .singleimg203 { width: 44%; height: 400px; float: left; margin-right: 6%; position: relative; overflow: hidden; }
    .singleimg203 img { display: block; width: auto; height: 400px; position: relative; margin-top: 0; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
}

.ctionlist { padding: 30px 0; overflow: hidden; }

.ctionlist ul li { margin-bottom: 15px; }

.ctionlist ul li img { display: block; width: 100%; margin: 0 auto; }

.ctiondownload { padding: 30px 0; }

.ctiondownload ul li { margin-bottom: 10px; }

.ctiondownload ul li a { display: block; background-color: #0B8787; color: #FFFFFF; background-image: url(../images/icon16.png); background-position: 94% center; background-repeat: no-repeat; height: 45px; line-height: 45px; font-size: 16px; padding: 0 20px; }

.ctiondownload ul li:last-child { margin-bottom: 0; }

@media (min-width: 768px) {
    .visible-sm { display: none; }
    .ctionlist ul { margin: 0 -1px; }
    .ctionlist ul li { float: left; width: 25%; margin-bottom: 5px; padding: 0 1px; }
    .ctionlist ul li:nth-child(5), .ctionlist ul li:nth-child(6), .ctionlist ul li:nth-child(7) { width: 33.3%; padding: 0 2px; }
    .ctiondownload ul li a { background-position: 94% center; height: 53px; line-height: 53px; font-size: 18px; padding: 0 53px; }
}

@media (min-width: 1024px) {
    .visible-sm { display: block; }
}

.singlepage24 { padding: 20px 0 20px; color: #333333; font-size: 14px; line-height: 24px; }

.singletext24 h4 { font-size: 20px; font-weight: bold; color: #00a1e9; margin: 20px 0 26px; }

.singleimg24 img { display: block; width: 100%; margin-top: 20px; }

@media (min-width: 768px) {
    .singletext24 h4 { font-size: 30px; }
    .singlepage24 { font-size: 16px; line-height: 28px; }
    .singlepagelist24 { padding: 10px 0; }
}

@media (min-width: 1024px) {
    .singleimg24 { width: 44%; float: right; position: relative; overflow: hidden; margin-left: 40px; }
    .singleimg24 img { display: block; width: 100%; position: relative; margin-top: 0; }
}

.pro_lis { background-image: url(../images/pro1.jpg); background-repeat: no-repeat; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: top center; background-color: #FFFFFF; padding: 30px 0; }

.pro_lis dl dt img { display: block; width: auto; max-width: 100%; margin: 0 auto; }

.pro_lis dl dd { padding: 30px 0; }

.pro_lis dl dd .l_img { float: left; }

.pro_lis dl dd .l_img img { width: auto; display: block; max-width: 120px; }

.pro_lis dl dd .r_txt { padding: 0 0 0 140px; color: #4c4c4c; line-height: 24px; }

.pro_lis dl dd .r_txt h4 { font-size: 20px; font-weight: bold; margin-bottom: 15px; color: #333333; }

.pro_lis:nth-child(even) { background-image: url(../images/pro2.jpg); background-color: #fafafa; }

@media (min-width: 1024px) {
    .pro_lis { overflow: hidden; padding: 100px 0; }
    .pro_lis dl { margin: 0 -10px; position: relative; }
    .pro_lis dl dt { position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 54%; padding: 0 10px; }
    .pro_lis dl dt img { float: left; }
    .pro_lis dl dd { float: right; width: 46%; padding: 0 10px 0 10px; }
    .pro_lis dl dd .l_img { float: left; }
    .pro_lis dl dd .l_img img { max-width: 150px; }
    .pro_lis dl dd .r_txt { float: right; width: 55%; padding: 0; }
    .pro_lis dl dd .r_txt h4 { font-size: 30px; margin-bottom: 20px; }
    .pro_lis:nth-child(even) dl dt { right: 0; }
    .pro_lis:nth-child(even) dl dd { float: left; }
    .por_two dl dt img { float: right; }
    .por_two dl dd .l_img { float: right; }
    .por_two dl dd .r_txt { float: left; }
}

@media (min-width: 1400px) {
    .prodmain.commonweb { max-width: 1360px; }
    .pro_lis dl dt { width: 57%; }
    .pro_lis dl dd { width: 41%; }
    .pro_lis dl dd .l_img img { max-width: 270px; }
    .pro_lis dl dd .r_txt { font-size: 18px; line-height: 36px; width: 57%; }
    .pro_lis dl dd .r_txt h4 { font-size: 40px; line-height: 40px; margin-bottom: 30px; }
    .por_two dl dd .r_txt { width: 47%; }
}

@media (min-width: 1600px) {
    .prodmain.commonweb { max-width: 1580px; }
    .productmain5 .prodmain.commonweb { max-width: 1410px; }
    .pro_lis { padding: 173px 0; }
    .pro_lis dl dd { width: 48%; }
    .pro_lis dl dd .r_txt { width: 70%; }
    .pro_lis dl dd .r_txt h4 { margin-bottom: 65px; }
    .por_two dl dd { width: 46%; }
    .por_two dl dd .r_txt { width: 60%; padding-left: 100px; }
    .productmain2 .pro_lis { padding: 150px 0; }
    .productmain2 .por_two dl dd .l_img { padding: 5% 0 0 0; }
}

.productmain3 .pro_lis dl dd .r_txt, .productmain4 .pro_lis dl dd .r_txt, .productmain5 .pro_lis dl dd .r_txt { padding-left: 0; }

.productmain3 .pro_lis dl dd .l_img, .productmain4 .pro_lis dl dd .l_img, .productmain5 .pro_lis dl dd .l_img { padding-top: 20px; }

.productmain3 .pro_lis dl dd .l_img img, .productmain4 .pro_lis dl dd .l_img img, .productmain5 .pro_lis dl dd .l_img img { max-width: 100%; }

@media (min-width: 1024px) {
    .productmain2 .por_two dl dd { position: relative; }
    .productmain2 .por_two dl dd .l_img { padding: 5% 0 0 0; position: absolute; right: 0; bottom: 0; }
    .productmain3 .pro_lis, .productmain4 .pro_lis, .productmain5 .pro_lis { padding: 140px 0; }
    .productmain3 .pro_lis dl dd, .productmain4 .pro_lis dl dd, .productmain5 .pro_lis dl dd { padding-left: 7%; }
    .productmain3 .pro_lis dl dd .l_img, .productmain4 .pro_lis dl dd .l_img, .productmain5 .pro_lis dl dd .l_img { float: none; padding-top: 40px; }
    .productmain3 .pro_lis dl dd .l_img img, .productmain4 .pro_lis dl dd .l_img img, .productmain5 .pro_lis dl dd .l_img img { max-width: 100%; }
    .productmain3 .pro_lis dl dd .r_txt, .productmain4 .pro_lis dl dd .r_txt, .productmain5 .pro_lis dl dd .r_txt { width: 100%; float: none; padding: 0; }
    .productmain5 .pro_lis { padding: 100px 0 60px; }
}

.zational { background-color: #ffffff; padding: 30px 0; }

.zational h4 { color: #0a8dd7; font-weight: bold; font-size: 16px; text-align: center; margin-bottom: 20px; }

.zational .zzimgbox { overflow-x: auto; }

.zational .zzimgbox img { display: block; margin: 0 auto; max-width: 100%}

@media (min-width: 992px) {
    .zational { padding: 52px 0; }
    .zational h4 { font-size: 18px; }
}

@media (min-width: 1024px) {
    .zational { padding: 84px 0 127px; }
    .zational h4 { margin-bottom: 55px; }
}

.downloadpage401 { padding: 10px 0 36px; background-color: #ffffff; overflow: hidden; }

.downloadpglist401 { padding-bottom: 20px; }

.downloadpglist401 dl { padding: 18px 0; background-color: #ffffff; border-bottom: 1px solid #d9d9d9; position: relative; transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; }

.downloadpglist401 dl dt { width: 70%; font-size: 18px; margin-bottom: 6px; }

.downloadpglist401 dl dt a { color: #333333; }

.downloadpglist401 dl dd { color: #999999; }

.downloadpglist401 dd.downlpageicon401 { padding: 0; position: absolute; right: 18px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }

.downlpageicon401 a { display: block; width: 52px; height: 52px; background-image: url(../images/20180413041217_下载l.png); background-repeat: no-repeat; background-position: left top; -moz-background-size: 39px; -o-background-size: 39px; background-size: 39px; }

.downloadpglist401 dl:hover { background-color: #0a8dd7; color: #ffffff; }

.downloadpglist401 dl:hover a { color: #ffffff; }

.downloadpglist401 dl:hover dd { color: #ffffff; }

.downloadpglist401 dl:hover .downlpageicon401 a { background-image: url(../images/xzimg402.png); -moz-background-size: 39px; -o-background-size: 39px; background-size: 39px; }

@media (min-width: 768px) {
    .downloadpglist401 dl { padding: 36px 18px; }
    .downloadpglist401 dl dt { width: 70%; float: left; margin: 0; }
    .downloadpglist401 dl dd { float: left; }
    .downlpageicon401 a { -moz-background-size: auto; -o-background-size: auto; background-size: auto; }
    .downloadpglist401 dl:hover .downlpageicon401 a { background-position: left bottom; -moz-background-size: auto; -o-background-size: auto; background-size: auto; }
}

.Employee { padding: 30px 0; }

.welfare dl { overflow: hidden; margin-bottom: 15px; }

.welfare dl dt { text-align: center; font-size: 0; margin: 0 -5px; }

.welfare dl dt img { width: 50%; padding: 0 5px; }

.welfare dl dd { color: #4c4c4c; padding: 5px 0; }

.welfare dl dd h4 { font-size: 18px; color: #333333; margin-bottom: 10px; }

.welfare dl dd p { position: relative; padding-left: 12px; }

.welfare dl dd p:before { content: ""; display: block; width: 4px; height: 4px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background-color: #4d4d4d; position: absolute; left: 0; top: 9px; }

.poylee { overflow: hidden; }

.poylee ul { margin: 0 -3px; }

.poylee ul li { padding: 0 3px; margin-bottom: 6px; }

.poylee ul li img { display: block; width: 100%; margin: 0 auto; }

@media (min-width: 1024px) {
    .Employee { padding: 72px 0; }
    .welfare dl { margin-bottom: 37px; }
    .welfare dl dt { float: left; width: 54%; }
    .welfare dl dd { float: right; padding: 7% 0 0 35px; width: 46%; font-size: 16px; line-height: 28px; }
    .welfare dl dd h4 { font-size: 36px; line-height: 38px; margin-bottom: 19px; }
    .welfare dl:nth-child(even) dt { float: right; }
    .welfare dl:nth-child(even) dd { float: left; padding: 7% 35px 0 0; }
    .poylee { padding-bottom: 9px; }
}

.Technology { padding: 30px 0; }

.singlepage16 { color: #333333; font-size: 16px; line-height: 28px; background-color: #ffffff; padding: 20px 0 0; }

.sgabouttitle16 { font-size: 20px; line-height: 36px; }

.sgabouttitle16 h4 { font-size: 40px; line-height: 40px; font-family: "AvantGardeITCbyBT-Medium", Arial; color: #d9d9d9; text-transform: uppercase; margin-bottom: 6px; word-wrap: break-word; }

.sgabouttitle16 p { font-weight: bold; }

.sgabouttext16 { padding: 3px 0 0 0; position: relative; }

.sgaboutback16 { padding: 10px 0 20px; background-color: #ffffff; position: relative; z-index: 2; }

.sgabouttext16::before { width: 70%; height: 274px; border: 12px solid #0a8dd7; position: absolute; left: 0; top: 60px; z-index: 1; }

.singlebgtextright16 img { display: block; max-width: 100%; }

.Technology .singtitle20, .Systemils .singtitle20 { text-align: left; }

.develtogle { padding: 20px 0; display: none; }

.sintext { padding: 20px 0 0 0; }

.sintext h4 { font-size: 18px; text-align: center; margin-bottom: 10px; }

.sintext img { max-width: 100%; }

.sinullist { padding: 30px 0 0; }

.sinullist dl { background-color: #f2f2f2; margin-bottom: 15px; }

.sinullist dl dt { border: 1px solid #f2f2f2; }

.sinullist dl dt img { display: block; width: 100%; margin: 0 auto; }

.sinullist dl dd { padding: 15px; line-height: 24px; color: #000000; }

.sinullist dl dd h4 { font-size: 18px; margin-bottom: 10px; }

@media (min-width: 768px) {
    .sgabouttitle16 { font-size: 30px; line-height: 36px; }
    .sgabouttitle16 h4 { font-size: 65px; line-height: 55px; }
    .sinullist dl dt, .sinullist dl dd { float: left; }
    .sinullist dl dt { width: 46%; }
    .sinullist dl dd { padding: 38px 0 0 16px; width: 54%; }
    .sinullist dl dd p { height: 120px; line-height: 24px; display: -webkit-box; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 5; display: block; display: -webkit-box; }
    .sinullist dl dd h4 { height: 48px; line-height: 24px; display: -webkit-box; word-break: break-all; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: block; display: -webkit-box; margin-bottom: 0; }
}

@media (min-width: 1024px) {
    .singlebgtextleft16 { float: left; width: 50%; }
    .sgabouttext16 { padding: 40px 0 70px 44px; }
    .sgabouttext16::before { display: block; content: ""; }
    .sgaboutback16 { padding: 0 0 20px 20px; }
    .singlebgtextright16 { width: 45%; float: right; }
    .sgabouttitle16 h4 { font-size: 45px; line-height: 45px; }
    .Technology { padding: 41px 0 18px; }
    .develtogle { padding: 35px 0 0; }
    .sintext { padding: 40px 0 0 0; }
    .sintext h4 { font-size: 24px; margin-bottom: 34px; }
    .sinullist { overflow: hidden; padding-bottom: 9px; }
    .sinullist ul { margin: 0 -10px; }
    .sinullist li { float: left; width: 50%; padding: 0 10px; }
}

@media (min-width: 1366px) {
    .singlepage16 { padding: 52px 0; }
    .sgabouttitle16 h4 { font-size: 65px; line-height: 62px; }
    .sgabouttitle16 p { padding-left: 60px; }
    .develtone .singtitle20 { padding-left: 60px; width: 93%; }
}

.Roadmap { margin-top: 36px; overflow-x: auto; }

.Roadmap table { border-left: 1px solid #CCCCCC; font-family: Arial; width: auto; }

.Roadmap table thead th { border-right: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; line-height: 59px; font-size: 18px; font-weight: bold; }

.Roadmap table tbody { border-top: 1px solid #CCCCCC; display: block; }

.Roadmap table td { background-color: #e6f3f3; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; padding: 0 5px 0 10px; color: #595959; font-size: 14px; }

.Roadmap table tr.nobg td { background-color: #FFFFFF; text-align: center; }

.Roadmap table tr.firs td { font-weight: bold; text-align: center; font-size: 16px; line-height: 24px; padding: 3px 0; background-color: #cee7e7; }

.Roadmap table td.fid { text-align: center; }

@media (min-width: 1366px) {
    .develtogle.develfour { padding-bottom: 105px; padding-left: 65px; padding-right: 65px; }
}

.capability { padding: 20px 30px; position: relative; }

.capability ul li img { display: block; width: 100%; }

.capability .button-next, .capability .button-prev { cursor: pointer; display: block; width: 34px; height: 64px; background-position: center center; background-repeat: no-repeat; -moz-background-size: 20px; -o-background-size: 20px; background-size: 20px; position: absolute; z-index: 3; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }

.capability .button-next { background-image: url(../images/icon17.png); right: 0; }

.capability .button-prev { background-image: url(../images/icon18.png); left: 0; }

@media (min-width: 1024px) {
    .capability { padding: 40px 0; }
    .capability .button-next { right: -34px; }
    .capability .button-prev { left: -34px; }
}

@media (min-width: 1366px) {
    .Equipment { padding: 20px 0; }
    .capability { padding: 55px 0; }
    .capability .button-next, .capability .button-prev { -moz-background-size: auto; -o-background-size: auto; background-size: auto; }
    .capability .button-next { right: -57px; }
    .capability .button-prev { left: -57px; }
}

.abilityist { padding: 10px 0 30px; }

@media (min-width: 1024px) {
    .abilityist .lefttab { float: left; width: 47%; }
    .abilityist .lefttab .Roadmap table { width: 100%; }
    .abilityist .righttab { float: right; width: 52%; }
    .abilityist .righttab .Roadmap table { margin-bottom: 17px; }
}

.abilityist .Roadmap table { margin: 0 auto; margin-bottom: 20px; }

.abilityist .Roadmap table tbody { border-top: 0; }

.abilityist .Roadmap table td { color: #595959; line-height: 24px; font-size: 12px; }

.abilityist .Roadmap table tr.firs td:last-child { border-right: 1px solid #CCCCCC; }

.abilityist .Roadmap table tr.firs td { text-align: left; text-indent: 0.5em; border: 0; border-top: 1px solid #CCCCCC; }

@media (min-width: 1366px) {
    .abilityist { padding: 0 100px 50px; }
}

.thumb-popup2 { background: none; }

.thumb-popup2 .thumb-copy-wrapper { height: 72%; }

.thumb-popup2 .thumb-copy-wrapper { background: none; z-index: 10; }

.thumb-popup2 .thumb-copy-wrapper .swiper-wrapper li img { max-height: 100%; }

.closebgbtn { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 9; }

@media (min-width: 1024px) {
    .thumb-popup2 .thumb-copy-wrapper { height: 900px; }
    .thumb-popup2 .thumb-copy-wrapper .swiper-wrapper li img { max-height: 700px; }
}

@media (min-width: 1366px) {
    .thumb-popup2 .thumb-copy-wrapper .swiper-wrapper li img { max-height: 900px; }
}

.Systemils { padding: 28px 0 30px; }

.searchcont401 { padding: 36px 0; background-color: #f2f2f2; }

.searchtitle401 { padding: 28px 15px; background-color: #0068b7; }

.searchtitle401 span { color: #da251d; }

.resultlist401 { font-size: 13px; padding: 3% 0; }

.resultlist401 img { display: block; width: 100%; margin-bottom: 2%; }

.resultlist401 li { padding: 15px 0; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin-bottom: -1px; }

.resultlist401 h4 { font-size: 16px; line-height: 24px; margin-bottom: 3%; }

.resultlist401 h4 em { color: #da251d; }

.resultlist401 h4 a { display: block; }

.resulttext401 { overflow: hidden; color: #999; }

.resultlabel401 { color: #999; display: inline-block; padding-top: 30px; }

.searchinputcont401 dt input { width: 100%; height: 40px; line-height: 40px; text-indent: 12px; font-size: 15px; color: #333333; background-color: #ffffff; }

.searchinputcont401 dd input { width: 100%; height: 40px; line-height: 40px; font-size: 0px; font-weight: bold; color: #ffffff; cursor: pointer; background-color: #22ac38; background-image: url(../images/searchicon2.png); background-repeat: no-repeat; background-position: center; -moz-background-size: 30px; -o-background-size: 30px; background-size: 30px; }

.keywords { color: #da251d; }

@media (min-width: 768px) {
    .searchtitle401 { font-size: 24px; }
    .resultlist401 h4 { font-size: 20px; margin-bottom: 2%; }
    .searchimg401 { float: left; margin: 0 3% 0 0; display: block; width: 200px; height: 150px; overflow: hidden; position: relative; }
    .resultlist401 img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); max-width: 100%; width: auto; }
}

@media (min-width: 992px) {
    .searchinputcont401 { width: 45%; margin: 0 auto; }
    .searchinputcont401 dt { float: left; width: 78%; }
    .searchinputcont401 dd { float: left; width: 22%; }
    .searchinputcont401 dt input { font-size: 18px; }
    .searchinputcont401 dd input { text-align: left; padding-left: 20%; font-size: 18px; font-weight: bold; background-position: 80% center; }
}

.bd_weixin_popup .bd_weixin_popup_main { padding: 10px !important; }

table { collapse: 0; }

.thumb-popup2 .thumb-text { display: none; }

/*20180515*/
@media(min-width:1024px) {
    .myheader-nav ul li { padding: 6px 0; }
    .myheader-nav ul li a { padding: 4px 6px; }
    .myheader-nav ul li a:hover, .myheader-nav ul li a.cur { background-color: #0a8dd7; color: #FFFFFF; border-radius: 50px; }
}

@media(min-width:1199px) {
    .myheader-nav ul li a { padding: 4px 10px; }
}

@media(min-width:1200px) {
    .inPro-more { margin-top: 80px; }
}

@media(min-width:1800px) {
    .myheader-nav ul li a { padding: 4px 23px; }
}

/*20180517*/
.global .global-cont:nth-child(1) i, .global .global-cont:nth-child(3) i { vertical-align: 10px; }

@media(min-width:1365px) {
    .myheader-mallicon { margin-left: 0; margin-right: 0; font-size: 16px; }
    .myheader-search { margin-right: 0; }
    .global .global-cont:nth-child(1) i, .global .global-cont:nth-child(3) i { vertical-align: 13px; }
}

@media(min-width:1440px) {
    .myheader-mallicon { margin-right: 10px; }
    .myheader-search { margin-right: 10px; }
}

@media(min-width:1680px) {
    .myheader-mallicon { margin-right: 12px; }
    .myheader-search { margin-right: 10px; }
.myheader-nav ul li a{font-size:16px;}
}


/*----20180606 首页第三屏-为什么选择我们-技术能力 修改，后期把图标更换为图片后可删除----*/
.inTech li a.img { display:block;}
.inTech li img { width: auto; max-width: 100%; margin: auto auto; }
.inTech li .inTech-cont { text-align:center;}
@media(min-width:1024px) {
    .inTech li a.img { padding:0;}
    
    .inTech li .libox {  -webkit-transition:all ease 0.3s;
  -moz-transition: all ease 0.3s;	
  -ms-transition: all ease 0.3s;
  -o-transition:all ease 0.3s;
  transition: all ease 0.3s;}
    .inTech li:hover .libox { background-color:#2e9999;}
    .inTech li:hover .inTech-cont {  color:#FFFFFF;}
    .inTech li:hover h4,.inTech li:hover .inTech-desc,.inTech li:hover .inTech-more,.inTech li:hover h4 a {  color:#FFFFFF;}
    .inTech li:hover img { transform:none;}
}
@media(min-width:1199px) {
    .inTech li .inTech-desc { margin-bottom:17px;}
    .inTech li .inTech-cont { padding-left:70px;padding-right:70px; padding-bottom:30px;}
}