htm { padding: 0px; margin: 0px; }

body { padding: 0px; margin: 0px; font-size: 12px; font-family: 'Microsoft YaHei'; }

dl { padding: 0px; margin: 0px; }

dt { padding: 0px; margin: 0px; }

dd { padding: 0px; margin: 0px; }

ul { padding: 0px; margin: 0px; }

ol { padding: 0px; margin: 0px; }

p { padding: 0px; margin: 0px; line-height: 25px; }

li { padding: 0px; margin: 0px; list-style-type: none; }

form { padding: 0px; margin: 0px; }

fieldset { padding: 0px; margin: 0px; }

blockquote { padding: 0px; margin: 0px; }

fieldset { padding: 0px; margin: 0px; }

select { padding: 0px; margin: 0px; border: 0px; }

label { padding: 0px; margin: 0px; }

textarea { padding: 0px; margin: 0px; border: 0px; }

img { padding: 0px; margin: 0px; border: 0px; }

.vidbg video { width: 100%; height: 100%; -o-object-fit: cover; -webkit-object-fit: cover; -ms-object-fit: cover; -moz-object-fit: cover; object-fit: cover; pointer-events: none; }

audio,
canvas,
progress,
video { display: block; }

input::-webkit-input-placeholder { color: #f00; }

.input { width: 100%; display: block; padding: 0px 5px; background: none; border: #e5e5e5 solid 1px; -webkit-box-sizing: border-box; color: #999; font-size: 14px; outline: none; }

.select { width: 100%; display: block; padding: 0px 5px; background: none; border: #e5e5e5 solid 1px; -webkit-box-sizing: border-box; color: #999; font-size: 14px; outline: none; }

.button { width: 100%; display: block; padding: 0px 5px; border: #e5e5e5 solid 1px; background: no-repeat; color: #fff; text-align: center; font-size: 14px; }

.textarea { width: 100%; display: block; padding: 10px 5px; background: none; border: #e5e5e5 solid 1px; -webkit-box-sizing: border-box; color: #999; font-size: 14px; outline: none; }

.space-0 { width: 100%; height: 0px; clear: both; }

.space-5 { width: 100%; height: 5px; clear: both; }

.space-10 { width: 100%; height: 10px; clear: both; }

.space-15 { width: 100%; height: 15px; clear: both; }

.space-10 { width: 100%; height: 10px; clear: both; }

.space-20 { width: 100%; height: 25px; clear: both; }

.space-25 { width: 100%; height: 25px; clear: both; }

.space-30 { width: 100%; height: 30px; clear: both; }

.space-40 { width: 100%; height: 40px; clear: both; }

.space-50 { width: 100%; height: 50px; clear: both; }

.radius0 { -moz-border-radius: 0px; -webkit-border-radius: 0px; -ms-border-radius: 0px; border-radius: 0px; }

.radius3 { -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; }

.radius5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }

.radius10 { -moz-border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }

.radius15 { -moz-border-radius: 15px; -webkit-border-radius: 15px; -ms-border-radius: 15px; border-radius: 15px; }

.radius20 { -moz-border-radius: 20px; -webkit-border-radius: 20px; -ms-border-radius: 20px; border-radius: 20px; }

.radius50 { -moz-border-radius: 50%; -webkit-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; }

.radius-left-5 { -moz-border-top-left-radius: 5px; -webkit-border-top-left-radius: 5px; -ms-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -ms-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }

.radius-right-5 { -moz-border-top-right-radius: 5px; -webkit-border-top-right-radius: 5px; -ms-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -ms-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }

.radius-left-10 { -moz-border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px; -ms-border-top-left-radius: 10px; border-top-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; -ms-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; }

.radius-right-10 { -moz-border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; -ms-border-top-right-radius: 10px; border-top-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -ms-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; }

.radius-top-10 { -moz-border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; -ms-border-top-right-radius: 10px; border-top-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -ms-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px; }

.ease03 { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

.ease06 { -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }

.ease09 { -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease; }

.behavior { -ms-behavior: url(../back/backgroundsize.min.htc); behavior: url(../back/backgroundsize.min.htc); }

.bgcover { background-repeat: no-repeat; background-position: center center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; }

.bgauto { background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -ms-background-size: 100% 100%; }

.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.code { height: auto; overflow: hidden; }

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

input::-webkit-input-placeholder { color: #999; }

.shadow { display: none; position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 99999; }

/* link */
a:link { text-decoration: none; }

a:visited { text-decoration: none; }

a:hover { text-decoration: none; }

.pages.active { height: 100vh; overflow: hidden; }


.ContactBigBox { width: 100%; background: #E4E4E4; padding: 35px 0; }

.ContactBigBox .contactMain .contactTitle { font-size: 44px; font-weight: bold; color: #1B1B1B; margin: 0 auto; width: 100%; text-align: center; margin-bottom: 40px; }

.ContactBigBox .contactMain .contactItemMain input { width: 100%; height: 52px; box-sizing: border-box; padding: 0 10px; font-size: 16px; border: 0; outline: none; }

.ContactBigBox .contactMain .contactItemMain textarea { width: 100%; height: 127px; box-sizing: border-box; padding: 10px; font-size: 16px; border: 0; outline: none; resize: none; }

.ContactBigBox .contactMain .width_33 { width: 348px; height: 52px; background: #FFFFFF; }

.ContactBigBox .contactMain .width_100 { width: 100%; height: auto; background: #FFFFFF; margin-top: 60px; margin-bottom: 70px; }

.ContactBigBox .contactMain button { display: block; border: 0; margin: 0 auto; font-size: 16px; font-weight: bold; color: #939393; }

.business { width: 100%; padding: 60px 0; }

.business .businesstitle { width: 100%; text-align: center; font-size: 30px; font-weight: bold; margin-bottom: 20px; }

.business .businessImg { width: 1200px; height: auto; display: block; margin: 0 auto; }

/* header */
.header { height: auto; padding: 24px 0px; /* background: #fff; */ position: fixed; top: 0px; right: 0px; left: 0px; z-index: 9999; }

.header .logo { height: 70px; float: left; }

.header .logo img { height: 70px; }

.header .logo .logo { display: block; }

.header .logo.active .logo1 { }

.header .logo.active .logo2 { display: block; }

.mobile { padding-top: 50px; }


.mobile .header .logo .logo2 { display: block; }

.header .navs { height: 70px; display: block; float: right; position: relative; padding-right: 130px; }


.header .navs .a { height: 70px; line-height: 70px; color: #1B1B1B; font-size: 16px; display: block; margin: 0px 20px; position: relative; float: left; }

.header .navs .a:before { width: 0px; height: 4px; content: ""; background: #1F4D98; position: absolute; left: 0px; bottom: 15px; }

.header .navs .search { width: 16px; height: 16px; background-image: url(../image/search-white.png); position: absolute; top: 27px; right: 45px; }

.header .navs .lang { height: auto; position: absolute; top: 27px; right: 50px; }

.header .navs .lang a { display: inline-block; margin: 0 5px; cursor: pointer; color: #999; }

.header .navs .lang a.active { color: #1B1B1B; }

.header .navs .btnn { height: auto; position: absolute; top: 22px; right: 0px; }

.header .navs .btnn a { }

.header .navs .btnn i { height: 1px; display: block; background: #1B1B1B; margin-top: 6px; }

.header .navs .btnn i.i1,
.header .navs .btnn i.i3 { width: 20px; }

.header .navs .btnn i.i2 { width: 15px; margin-left: 5px; }

.header.fixed { height: 80px; padding: 5px 0px; background: #fff; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1); }

.header.fixed .navs:before { background: #1f4d98; }

.header.fixed .navs .a { color: #1B1B1B; }

.header .navs .a.active { font-weight: bold; }

.header.fixed .navs .a:hover:before,
.header.fixed .navs .a.active:before { background: #1f4d98; }

.header.fixed .navs .btnn i { background: #1f4d98; }

.header.fixed .navs .search { background-image: url(../image/search.png); }

.header .navs .a:hover:before,
.header .navs .a.active:before { width: 100%; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; }

.navigate { position: fixed; width: 100%; height: 100%; box-sizing: border-box; background: rgba(0, 0, 0, 0.8); z-index: 9999; left: 0; top: 50px; display: none; overflow-y: scroll; }

/* footer */
.footer .links { height: auto; overflow: hidden; padding: 10px 0px; background: #1f4d98; }

.footer .links .pcbox .title { line-height: 40px; color: #fff; font-size: 16px; font-weight: bold; }

.footer .links .pcbox .select { width: 100%; color: #1f4d98; text-align: center; background: #fff; padding: 5px 25px 5px 5px; border-radius: 0px; }

.footer .navs { height: auto; overflow: hidden; padding: 15px 5px 0px; }

.footer .navs .a1 { line-height: 30px; color: #000; font-size: 16px; font-weight: bold; display: block; }

.footer .navs .a2 { line-height: 25px; color: #8D8D8D; font-size: 12px; display: block; }

.footer .navs a:hover { color: #1f4d98; }

.footer .navs .code img { width: 120px; display: block; }

.footer .navs .code p { line-height: 30px; color: #000; font-size: 12px; font-weight: bold; text-align: center; }

.footer .texts { height: auto; overflow: hidden; padding: 10px 0px; border-top: #e5e5e5 solid 1px; position: relative; }

.footer .texts p { line-height: 22px; color: #8D8D8D; }

.footer .texts a { line-height: 22px; color: #8D8D8D; }

.footer .texts .footer-logo { background-image: url(../image/footer-logo.png); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -ms-background-size: 100% 100%; }

/* banner */
.index .banner { height: 100vh; position: relative; }

.index .banner .swiper-slide { display: flex; align-items: center; }

.index .banner .swiper-slide .time { line-height: 40px; color: #fff; font-size: 18px; }

.index .banner .swiper-slide .title { line-height: 60px; color: #fff; font-size: 36px; font-weight: bold; text-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3); }

.index .banner .swiper-slide .info { line-height: 40px; color: #fff; font-size: 18px; text-shadow: 0px 10px 10px rgba(0, 0, 0, 0.3); }

.index .banner .swiper-slide .mores { line-height: 40px; color: #fff; font-size: 14px; border: #fff solid 1px; padding: 0px 20px; margin-top: 30px; display: block; float: left; }

.index .banner .swiper-slide .mores font { font-family: SimHei; }

/* index-title */
.index-title { height: auto; overflow: hidden; }

.index-title span { line-height: 20px; color: #000; font-size: 14px; font-weight: bold; display: block; }

.index-title font { line-height: 24px; color: #272628; font-size: 18px; font-weight: bold; display: block; }

/* about */
.about { height: auto; overflow: hidden; padding: 30px 0px; background-image: url(../image/about-line.png); background-color: #f7f7f7; background-repeat: no-repeat; background-position: center bottom; background-size: auto 150px; -webkit-background-size: auto 150px; -moz-background-size: auto 150px; -ms-background-size: auto 150px; }

.about .lefts { height: auto; overflow: hidden; padding-bottom: 30px; }

.about .lefts .title { width: 180px; line-height: 32px; color: #fff; font-size: 14px; text-align: center; background: #1f4d98; margin-top: 30px; }

.about .lefts .sub_title { line-height: 40px; color: #333; font-size: 30px; font-weight: bold; margin-top: 20px; }

.about .lefts .info { line-height: 24px; color: #666; font-size: 14px; padding: 20px 0px; }

.about .lefts .mores { width: 160px; line-height: 40px; color: #999; font-size: 14px; border: #999 solid 1px; text-align: center; display: block; }

.about .lefts .mores:hover { color: #1f4d98; border: #1f4d98 solid 1px; }

.about .rights { width: 300px; height: 360px; position: relative; }

.about .rights .about-logo { height: auto; overflow: hidden; padding: 20px; position: relative }
.about .rights .about-logo:before { content: ""; background: #1f4d98; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 98; }

.about .rights .about-logo img { width: 100%; }

.about .rights .about-lou { position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 99; }
.about .rights .about-lou img { width: 100%; }

/* server */
.server { height: auto; overflow: hidden; }

.server .center .hide { display: none; }

.server .center .hide.active { display: block !important; }

.server .center { padding: 50px 0px; text-align: center; position: relative; }

.server .center .title { line-height: 40px; color: #fff; font-size: 18px; font-weight: bold; }

.server .center .sub_title { line-height: 20px; color: #fff; font-size: 16px; font-weight: bold; font-family: SimHei; }

.server .center .info { line-height: 24px; color: #fff; font-size: 14px; padding: 20px 0px; }

.server .center .mores { width: 120px; line-height: 32px; color: #fff; font-size: 12px; text-align: center; border: #fff solid 1px; display: block; margin: 0px auto; }

.server .center .mores:hover { color: #1f4d98; border: #1f4d98 solid 1px; }

.server .center .icon { background-color: #ccc; background-repeat: no-repeat; background-position: center center; }

.server .center .icon.active { background-color: #1f4d98; }

/* council */
.council { position: relative; background-color: #FFF9F1; background-repeat: no-repeat; background-position: center top; background-size: 100% auto; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto; }

.council .lefts { position: absolute; top: 0px; right: 0px; left: 0px; background-repeat: no-repeat; background-position: left center; background-size: auto 100%; -webkit-background-size: auto 100%; -moz-background-size: auto 100%; -ms-background-size: auto 100%; }

.council .list { height: auto; overflow: hidden; }

.council .list .li { height: auto; overflow: hidden; }

.council .list .li a { height: auto; overflow: hidden; display: block; background: #fff; padding: 10px; }

.council .list .li a img { width: 100%; display: block; }

/* project */
.project { height: auto; overflow: hidden; padding: 30px 0px; position: relative; }

.project .lefts { width: 160px; height: auto; overflow: hidden; padding-top: 50px; float: left; }

.project .lefts .title { height: auto; overflow: hidden; }

.project .lefts .title span { line-height: 25px; color: #fff; font-size: 14px; font-weight: bold; display: block; font-family: SimHei; }

.project .lefts .title font { line-height: 25px; color: #fff; font-size: 18px; font-weight: bold; display: block; margin-top: 5px; }

.project .lefts .menuss { height: auto; overflow: hidden; padding: 20px 0px; position: relative; }

.project .lefts .menuss:before { width: 1px; content: ""; background: #fff; position: absolute; top: 30px; bottom: 55px; left: 12.5px; }

.project .lefts .menuss .li { height: auto; overflow: hidden; padding-left: 40px; padding-bottom: 20px; cursor: pointer; position: relative; }

.project .lefts .menuss .li i { width: 16px; height: 16px; display: block; background: #fff; position: absolute; top: 5px; left: 4px; }

.project .lefts .menuss .li span { height: 25px; line-height: 25px; color: #fff; font-size: 16px; font-weight: bold; display: block; }

.project .lefts .menuss .li font { height: 25px; line-height: 25px; color: #fff; font-size: 14px; display: block; font-family: SimHei; opacity: 0; }

.project .lefts .menuss .li.active i { background: #1f4d98; }

.project .lefts .menuss .li.active span,
.project .lefts .menuss .li.active font { color: #1f4d98; }

.project .lefts .menuss .li.active font { opacity: 1; }

.project .rights { width: 160px; height: auto; overflow: hidden; display: none; float: right; }

.project .rights.active { display: block; }

.project .rights .a { height: auto; overflow: hidden; display: block; position: relative; }

.project .rights .a img { width: 100%; display: block; }

.project .rights .a .grey { display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }

.project .rights .a .title { height: 40px; line-height: 40px; color: #fff; font-size: 12px; position: absolute; right: 40px; bottom: 10px; left: 18px; }

.project .rights .a .title:before { width: 100%; height: 2px; content: ""; background: #fff; position: absolute; bottom: 0px; left: 0px; }

.project .rights .a .search { width: 36px; height: 36px; display: block; background: url(../image/search.png) rgba(0, 0, 0, 0.5) no-repeat center center; background-size: 16px 16px; -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; -ms-background-size: 16px 16px; position: absolute; top: 50%; left: 50%; margin-top: -18px; margin-left: -18px; }

.project .rights .mores a { width: 120px; line-height: 32px; color: #fff; font-size: 14px; border: #fff solid 1px; text-align: center; margin: 30px auto 0px; display: block; }

.project .rights .mores a font { font-family: SimHei; }

.project .rights .mores a:hover { color: #1f4d98; border: #1f4d98 solid 1px; }

/* news */
.news { height: auto; overflow: hidden; padding: 30px 0px; }

.news .infos { line-height: 30px; color: #333; font-size: 14px; padding: 5px 0px; }

.news .mores { width: 140px; line-height: 32px; color: #999; font-size: 14px; text-align: center; border: #999 solid 1px; display: block; }

.news .mores:hover { color: #1f4d98; border: #1f4d98 solid 1px; }

.news .item { height: auto; overflow: hidden; padding: 10px 0px; display: block; position: relative; }

.news .item img { width: 100%; display: block; }

.news .item .day { line-height: 30px; color: #E0E0E0; font-size: 24px; }

.news .item .month { line-height: 25px; color: #333; font-size: 12px; }

.news .item .tit { height: 30px; line-height: 30px; color: #333; font-size: 14px; }

.news .item .sort { height: 30px; line-height: 20px; color: #666; font-size: 12px; }

.news .item .info { height: 44px; line-height: 22px; color: #666; font-size: 12px; margin-top: 10px; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.news .item .moress { width: 40px; height: 20px; margin-top: 10px; margin-bottom: 10px; background: url(../image/jiantou.png) no-repeat center center; background-size: 100% 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -ms-background-size: 100% 100%; }

.news .item .line { background: #ccc; margin-top: 20px; }

.news .item:hover .tit { color: #1f4d98; }

.news .item:hover img { opacity: 0.8; }

.news .item:hover .moress { margin-left: 20px; }

/* 内页样式 */

.single .banner { height: 180px; }

.location { height: auto; overflow: hidden; background: #f7f7f7; padding: 5px 10px; }

.location a,
.location font,
.location span { line-height: 32px; color: #333; font-size: 12px; display: block; float: left; }

.location font { font-family: SimHei; padding: 0px 10px; }

.abouts.addbussinessAbout .index-title { margin-bottom: 60px; }

.abouts.addbussinessAbout .aboutSwiper { padding-top: 40px; }

.abouts.addbussinessAbout { padding: 60px 0px 30px; background: #F7F7F7; }


.abouts.addbussinessAbout .aboutSwiper_page .swiper-button-next { right: -80px; bottom: 80px; width: 50px; height: 50px; border-radius: 50%; border: 2px solid #ccc; text-align: center; line-height: 50px; }

.abouts.addbussinessAbout .aboutSwiper_page .swiper-button-next::after { font-size: 24px; color: #ccc; }

.abouts.addbussinessAbout .aboutSwiper_page .swiper-button-prev { left: -80px; bottom: 80px; width: 50px; height: 50px; border-radius: 50%; border: 2px solid #ccc; text-align: center; line-height: 50px; }

.abouts.addbussinessAbout .aboutSwiper_page .swiper-button-prev::after { font-size: 24px; color: #ccc; }

.abouts.addbussinessAbout .imgurl { border: #1f4d98 solid 1px; }

.abouts.addbussinessAbout .imgurl img { width: 100%; display: block; }

.abouts.addbussinessAbout .info { height: auto; overflow: hidden; }

.abouts.addbussinessAbout .info .title { color: #000; font-weight: bold; border-bottom: #1f4d98 solid 1px; }

.abouts.addbussinessAbout .more { width: 120px; line-height: 36px; color: #1f4d98; font-size: 12px; text-align: center; display: block; border: #1f4d98 solid 1px; }

.swiper-pagination-bullet { background: #1f4d98; }

.swiper-pagination { margin-top: 20px; }

.abouts.ohter { padding: 50px 0px; }

.abouts.ohter .imgurl img { width: 100%; display: block; }

.abouts.ohter .index-title { text-align: left; }

.abouts.ohter .index-title span,
.abouts.ohter .index-title font { color: #fff; }

.abouts.ohter .content { height: 300px; overflow: auto; color: #f7f7f7; }

.abouts.ohter .content::-webkit-scrollbar { width: 2px; height: 2px; background-color: #f1f1f1; }

.abouts.ohter .content::-webkit-scrollbar-track { width: 2px; height: 2px; background-color: #c1c1c1; }

.abouts.ohter .content::-webkit-scrollbar-thumb { width: 2px; height: 2px; background-color: #1f4d98; }

.abouts.ohter .arrow { width: 30px; height: 30px; border: #fff solid 1px; float: left; margin-right: 10px; background-repeat: no-repeat; background-position: center center; background-size: 20px 20px; -webkit-background-size: 20px 20px; -moz-background-size: 20px 20px; -ms-background-size: 20px 20px; }

.abouts#about-3 { padding: 50px 0px; }

.abouts#about-3 .index-title { text-align: left; }

.abouts#about-3 .index-title span,
.abouts#about-3 .index-title font { color: #fff; }

.abouts#about-3 .content { color: #f7f7f7; padding: 30px 0px; }

.abouts#about-3 .content img { max-width: 100%; }

.contact { height: auto; overflow: hidden; padding: 30px 0px 0px; }

.contact .index-title { text-align: left; }

.contact .ul,
.contact .ul .li { height: auto; overflow: hidden; }

.contact .ul .li { padding: 10px 0px 30px; }

.contact .ul .li .icon { width: 25px; height: 25px; float: left; background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -ms-background-size: 100% 100%; }

.contact .ul .li .span { height: 25px; line-height: 25px; color: #333; font-size: 16px; font-weight: bold; padding-left: 10px; float: left; }

.contact .ul .li .info { height: auto; overflow: hidden; line-height: 25px; color: #333; font-size: 14px; }

.contact .maps { height: 300px; }

.newsbox { height: auto; overflow: hidden; padding: 30px 0px; }

.newsbox .title { height: auto; overflow: hidden; background: #1f4d98; padding: 15px; }

.newsbox .title span { line-height: 20px; color: #fff; font-size: 14px; font-weight: bold; display: block; }

.newsbox .title font { line-height: 24px; color: #fff; font-size: 18px; font-weight: bold; display: block; }

.newsbox .menuu { height: auto; overflow: hidden; padding: 15px 0px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.13); }

.newsbox .menuu a { height: auto; overflow: hidden; display: block; }

.newsbox .menuu a i { width: 30px; height: 30px; display: block; float: left; background-image: url(../image/li.png); background-repeat: no-repeat; background-position: center center; background-size: 15px 15px; -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; -ms-background-size: 15px 15px; }

.newsbox .menuu a span { line-height: 30px; color: #333; font-size: 14px; font-weight: bold; display: block; float: left; }

.newsbox .menuu a:hover i,
.newsbox .menuu a.active i { background-image: url(../image/li-h.png); }

.newsbox .menuu a:hover span,
.newsbox .menuu a.active span { color: #1f4d98; }

.newsbox .list .item { height: auto; overflow: hidden; padding: 10px 0px; display: block; position: relative; }

.newsbox .list .item img { width: 100%; display: block; }

.newsbox .list .item .day { line-height: 30px; color: #E0E0E0; font-size: 24px; }

.newsbox .list .item .month { line-height: 25px; color: #333; font-size: 12px; }

.newsbox .list .item .tit { height: 30px; line-height: 30px; color: #333; font-size: 14px; }

.newsbox .list .item .sort { height: 30px; line-height: 20px; color: #666; font-size: 12px; }

.newsbox .list .item .info { height: 44px; line-height: 22px; color: #666; font-size: 12px; margin-top: 10px; word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.newsbox .list .item .moress { width: 40px; height: 20px; margin-top: 10px; margin-bottom: 10px; background: url(../image/jiantou.png) no-repeat center center; background-size: 100% 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -ms-background-size: 100% 100%; }

.newsbox .list .item .line { height: 1px; background: #ccc; margin-top: 20px; }

.newsbox .list .item figcaption { padding: 10px; text-align: center; display: flex; align-items: center; justify-content: center; }

.newsbox .list .item:hover .tit { color: #1f4d98; }

.newsbox .list .item:hover img { opacity: 0.8; }

.newsbox .list .item:hover .moress { margin-left: 20px; }

.newsbox .border { height: auto; overflow: hidden; padding: 20px; border: #e5e5e5 solid 1px; }

.newsbox .border .n-title { height: auto; overflow: hidden; line-height: 24px; color: #000; font-size: 16px; font-weight: bold; text-align: center; padding: 10px 0px; }

.newsbox .border .n-time { height: auto; overflow: hidden; line-height: 20px; color: #666; font-size: 12px; text-align: center; padding: 0px 0px; }

.newsbox .border .n-cont { height: auto; overflow: hidden; padding: 20px 0px; }

.newsbox .border .n-cont img { max-width: 100%; }

.newsbox .imgss { height: 80px; display: block; position: relative; }

.newsbox .imgss img { width: 100%; display: block; }

.newsbox .imgss .p { line-height: 24px; color: #fff; font-size: 16px; font-weight: bold; text-align: center; position: absolute; top: 50%; right: 0px; left: 0px; margin-top: -12px; }

.newsbox .article { height: auto; overflow: hidden; padding: 5px 0px; }

.newsbox .article a { height: 36px; overflow: hidden; display: block; padding-left: 12px; padding-right: 85px; position: relative; }

.newsbox .article a i { width: 4px; height: 4px; background: #666; display: block; position: absolute; top: 50%; left: 0px; margin-top: -2px; }

.newsbox .article a span { height: 36px; line-height: 36px; display: block; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.newsbox .article a time { width: 80px; height: 36px; line-height: 36px; color: #666; font-size: 12px; text-align: right; display: block; position: absolute; top: 0px; right: 0px; }

.newsbox .article a:hover span { color: #000; text-decoration: underline; }

.newsbox .articles { height: auto; overflow: hidden; }

.newsbox .articles .li a { line-height: 36px; color: #333; text-align: center; display: block; }

.newsbox .articles .li a:hover { color: #000; text-decoration: underline; }

.member.borderLine { padding: 0px 0px 30px; background: #F7F7F7; }

.member.borderLine .index-title { text-align: left; }

.member.borderLine .imgurl { border: #1f4d98 solid 1px; }

.member.borderLine .imgurl img { width: 100%; display: block; }

.member.borderLine .info { height: auto; overflow: hidden; }

.member.borderLine .info .content { height: auto; overflow: hidden; line-height: 30px; font-size: 14px; }

.member.borderLine .info .mores { width: 120px; line-height: 36px; color: #1f4d98; font-size: 12px; text-align: center; display: block; border: #1f4d98 solid 1px; }

.member.member59Style { padding: 30px 0px; background: #fff; }

.member.member59Style .index-title { text-align: left; }

.member.member59Style .imgurl { height: auto; overflow: hidden; position: relative; }

.member.member59Style .imgurl img { width: 100%; display: block; }

.member.member59Style .imgurl .bgcolor { border: none; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-repeat: no-repeat; background-position: left bottom; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; }

.member.member59Style .info { height: auto; overflow: hidden; }

.member.member59Style .info .content { height: auto; overflow: hidden; line-height: 30px; }

.member.member59Style .info .content .li { height: auto; overflow: hidden; line-height: 30px; color: #666; display: block; padding-left: 25px; position: relative; }

.member.member59Style .info .content .li:before { width: 30px; height: 30px; content: ""; position: absolute; top: 50%; left: 0px; margin-top: -15px; background: url(../image/lis.png) no-repeat left center; background-size: 20px 20px; -webkit-background-size: 20px 20px; -moz-background-size: 20px 20px; -ms-background-size: 20px 20px; }

.member.member59Style .info .mores { width: 120px; line-height: 36px; color: #1f4d98; font-size: 12px; text-align: center; display: block; border: #1f4d98 solid 1px; }

/* 分页 */

.pagelist { height: auto; overflow: hidden; text-align: center; clear: both; padding: 30px 0px; float: right; }

.pagelist a,
.pagelist span { width: 25px; line-height: 25px; font-size: 12px; color: #666; text-align: center; font-family: SimHei; display: block; border: #e5e5e5 solid 1px; margin-right: 10px; margin-bottom: 10px; float: left; }

.pagelist .total { line-height: 25px; font-size: 12px; color: #666; font-family: SimHei; display: block; border: #e5e5e5 solid 1px; padding: 0px 10px; margin-right: 10px; margin-bottom: 10px; float: left; }

.pagelist span.current { color: #1f4d98; border: #1f4d98 solid 1px; }

.pagelist a:hover { color: #1f4d98; }

.searchs { padding: 30px 0px; }

.searchs .seachtop { width: 100%; height: auto; overflow: hidden; background: #eee; padding: 5px 100px 5px 5px; margin-bottom: 10px; border: #ccc solid 1px; position: relative; }

.searchs .seachtop .input { height: 30px; color: #888; display: block; padding: 0px 5px; display: block; background: none; border: none; outline: none; }

.searchs .seachtop a { width: 24px; height: 24px; display: block; border: none; cursor: pointer; position: absolute; right: 10px; top: 8px; z-index: 9; background: url(../image/search.png) no-repeat; background-size: 100% 100%; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -ms-background-size: 100% 100%; }

.closes { display: none; width: 50px; height: 50px; position: fixed; right: 0px; top: 0px; z-index: 1000000; transition: 0.44s; background: url(../image/close.png) no-repeat center center; background-size: 20px 20px; -webkit-background-size: 20px 20px; -moz-background-size: 20px 20px; -ms-background-size: 20px 20px; }

.mask { display: none; background: rgba(0, 0, 0, 0.6); position: fixed; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 999999; }

.rightbox { width: 300px; height: auto; overflow: auto; background: #fff; padding: 50px 30px; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.13); position: fixed; top: 0px; right: -300px; bottom: 0px; z-index: 999999; }

.rightbox::-webkit-scrollbar { width: 0px; }

.rightbox::-webkit-scrollbar-track { width: 0px; }

.rightbox::-webkit-scrollbar-thumb { width: 0px; }

.rightbox .logo,
.rightbox .logo img { height: 60px; display: block; }

.rightbox .item { height: auto; overflow: hidden; padding: 0px 0px; position: relative; }

.rightbox .item .big { height: 55px; overflow: hidden; line-height: 55px; font-size: 16px; color: #333; font-weight: bold; display: block; cursor: pointer; }

.rightbox .item.has .big { padding-left: 25px; }

.rightbox .item .big b { display: block; width: 15px; height: 15px; position: absolute; left: 0px; top: 20px; }

.rightbox .item .big b:before { content: ""; width: 100%; height: 2px; background: #999999; position: absolute; left: 0; top: 7px; transition: 0.32s; }

.rightbox .item .big b:after { content: ""; width: 2px; height: 100%; background: #999999; position: absolute; left: 7px; top: 0; transition: 0.32s; }

.rightbox .item .ul { height: auto; overflow: hidden; padding-left: 25px; display: none; }

.rightbox .item .ul a { line-height: 35px; font-size: 16px; color: #333; display: block; }

.rightbox .item .ul a:hover { color: #1f4d98; }

.rightbox .item .big.now { color: #1f4d98; }

.rightbox .item .big.now b:before { background: #1f4d98; }

.rightbox .item .big.now b:after { background: #fff; top: 50px; transition: 0.32s; }

.rightbox .lang { margin-top: 30px; font-size: 14px; }

.rightbox .lang a { color: #1B1B1B }

.rightbox .lang a.active { color: #1f4d98; }

.rightbox .lang span { display: inline-block; margin: 0 5px; }

.pages.active .rightbox { right: 0px; }

.pages.active .closes { display: block; }

.pages.active .mask { display: block; }


.culture { height: auto; overflow: hidden; background-color: rgba(242, 242, 242, 1); padding: 15px; }
.culture .items { height: auto; overflow: hidden; background-color: #fff; padding: 20px; margin-bottom: 15px; text-align: center; }
.culture .items .n-img { height: 50px; display: block; margin: 15px auto 0px; }
.culture .items .n-title { height: 50px; line-height: 50px; font-size: 16px; font-weight: bold; }
.culture .items .n-info { height: 40px; line-height: 20px; font-size: 12px; color: #555; overflow: hidden; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.product { height: auto; overflow: hidden; }
.product .proban { height: 390px; background: #fff; border: #f7f7f7 solid 1px; margin-bottom: 30px; }
.product .proban .imgurl { background-repeat: no-repeat; background-position: center center; background-size: auto 100%; }
.product .proban .swiper-pagination { width: 100%; height: 30px; bottom: 0px; z-index: 1000; }
.product .proban .swiper-pagination-bullet { width: 12px; height: 6px; background: #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #fff; opacity: 1; }
.product .proban .swiper-pagination-bullet-active { width: 24px; background: #1F4D98; }

.product .procont { height: auto; overflow: hidden; line-height: 24px; font-size: 12px; }
.product .procont img { max-width: 100%; display: block; }
.product .procont p { line-height: 24px; font-size: 12px; }

.application { height: auto; overflow: hidden; padding: 30px 0px; }
.application .items { height: auto; overflow: hidden; padding: 0px 0px 30px; margin-bottom: 20px; display: block; border: #f7f7f7 solid 1px; }
.application .items img { width: 100%; display: block; margin-bottom: 10px; }
.application .items .title { line-height: 35px; font-size: 16px; color: #000; font-weight: bold; padding: 0px 20px; }
.application .items .info { line-height: 25px; font-size: 12px; color: #888; padding: 0px 20px; }

@media (max-width: 479px) {
.abouts.addbussinessAbout .info { padding-bottom: 50px; }
.abouts.addbussinessAbout .index-title { margin-bottom: 15px; }

.abouts.addbussinessAbout .aboutSwiper_page { display: none; }

.business { width: 100%; padding: 20px 0; }

.business .businesstitle { width: 100%; text-align: center; font-size: 20px; font-weight: bold; margin-bottom: 10px; }

.business .businessImg { width: 300px; height: auto; display: block; margin: 0 auto; }

.ContactBigBox .contactMain .contactTitle { font-size: 24px !important; font-weight: bold; color: #1B1B1B; margin: 0 auto; width: 100%; text-align: center; margin-bottom: 20px !important; }

.ContactBigBox .contactMain .contactItemMain input { width: 100%; height: 52px; box-sizing: border-box; padding: 0 10px; font-size: 16px; border: 0; outline: none; }

.ContactBigBox .contactMain .contactItemMain textarea { width: 100%; height: 127px; box-sizing: border-box; padding: 10px; font-size: 16px; border: 0; outline: none; resize: none; }

.ContactBigBox .contactMain .width_33 { width: 100% !important; height: 40px; background: #FFFFFF; margin: 15px 0 0; }

.ContactBigBox .contactMain .width_100 { width: 100%; height: auto; background: #FFFFFF; margin-top: 15px !important; margin-bottom: 15px !important; }

.ContactBigBox .contactMain button { display: block; border: 0; margin: 0 auto; font-size: 16px; font-weight: bold; color: #939393; }

.index .banner { height: 240px; }

.index-title { text-align: center; }

.news .index-title { text-align: left; }

.server .center .icons { display: flex; justify-content: space-between; padding: 0px 20px 30px; }

.server .center .icon { width: 45px; height: 45px; background-size: 25px 25px; -webkit-background-size: 25px 25px; -moz-background-size: 25px 25px; -ms-background-size: 25px 25px; }

.council { padding: 30px 0px; }

.council .list { padding: 50px 5px 0px; }

.council .list .li { width: 50%; padding: 0px 5px 10px; float: left; }

.project { padding-bottom: 80px; }

.project .rights .mores { position: absolute; right: 0px; bottom: 30px; left: 0px; }

.abouts.addbussinessAbout .imgurl { padding: 0px 0px 20px 0px; margin-top: -20px; margin-left: 20px; }

.abouts.addbussinessAbout .imgurl img { margin-top: -20px; margin-left: -20px; }

.abouts.addbussinessAbout .info .title { line-height: 30px; font-size: 16px; padding-bottom: 10px; }

.abouts.addbussinessAbout .info .text { line-height: 24px; color: #555; font-size: 14px; padding: 20px 0px; }

.abouts.addbussinessAbout .more { margin: 0 auto; }

.abouts.ohter .index-title { padding-top: 30px; }

.member.borderLine { padding: 80px 0px; }

.member.borderLine .imgurl { padding: 0px 0px 20px 0px; margin-top: -20px; margin-left: 20px; }

.member.borderLine .imgurl img { margin-top: -20px; margin-left: -20px; }

.member.member59Style .info { padding: 20px 0px; }

.newsbox .articles { border: #e5e5e5 solid 1px; }

.newsbox .articles .li { border-bottom: #e5e5e5 solid 1px; }

.newsbox .articles .li:last-child { border-bottom: none; }

.newsbox .articles .li a { line-height: 45px; }

.searchs .seachtop .input { height: 20px; }

.searchs .seachtop a { width: 18px; height: 18px; right: 8px; top: 6px; }

.footer .navs .code p { text-align: left; }

.about .rights { height: 300px; }
.about .rights .about-logo { width: 320px; padding: 40px 0px; height: 200px; float: right; }
.about .rights .about-logo:before { top: 20px; right: 20px; bottom: 50px; left: 100px; }

.about .rights .about-lou { top: 40px; right: 40px; bottom: 40px; left: 50px; z-index: 99; }
}

@media (min-width: 480px) and (max-width: 767px) {

.index-title { text-align: center; }

.news .index-title { text-align: left; }

.server .center .icons { display: flex; justify-content: space-between; padding: 0px 20px 30px; }

.server .center .icon { width: 45px; height: 45px; background-size: 25px 25px; -webkit-background-size: 25px 25px; -moz-background-size: 25px 25px; -ms-background-size: 25px 25px; }

.council { padding: 50px 0px; }

.council .list { padding: 120px 10px 0px; }

.council .list .li { width: 33.33%; padding: 0px 10px 20px; float: left; }

.project .rights { width: 470px; padding-top: 180px; }

.project .rights .col-sm-4 { width: 33.33%; }

.single .banner { height: 200px; }

.abouts.addbussinessAbout .imgurl { padding: 0px 0px 20px 0px; margin-top: -20px; margin-left: 20px; }

.abouts.addbussinessAbout .imgurl img { margin-top: -20px; margin-left: -20px; }

.abouts.addbussinessAbout .info .title { line-height: 30px; font-size: 16px; padding-bottom: 10px; }

.abouts.addbussinessAbout .info .text { line-height: 24px; color: #555; font-size: 14px; padding: 20px 0px; }

.abouts.ohter .index-title { padding-top: 30px; }

.member.borderLine { padding: 80px 0px; }

.member.borderLine .imgurl { padding: 0px 0px 20px 0px; margin-top: -20px; margin-left: 20px; }

.member.borderLine .imgurl img { margin-top: -20px; margin-left: -20px; }

.newsbox .articles { border-top: #e5e5e5 solid 1px; border-bottom: #e5e5e5 solid 1px; border-left: #e5e5e5 solid 1px; }

.newsbox .articles .li { width: 50%; border-right: #e5e5e5 solid 1px; border-bottom: #e5e5e5 solid 1px; float: left; }

.newsbox .articles .li:last-child { border-bottom: none; }

.newsbox .articles .li a { line-height: 45px; }

.searchs .seachtop .input { height: 20px; }

.searchs .seachtop a { width: 18px; height: 18px; right: 8px; top: 6px; }

.footer .navs .code p { text-align: left; }

.about .rights { width: 480px; height: 360px; }
.about .rights .about-logo { width: 480px; padding: 40px 0px; height: 300px; float: right; }
.about .rights .about-logo:before { top: 20px; right: 20px; bottom: 50px; left: 100px; }

.about .rights .about-lou { top: 40px; right: 40px; bottom: 40px; left: 50px; z-index: 99; }
}

@media (min-width: 768px) and (max-width: 999px) {

.index-title { text-align: center; }

.news .index-title { text-align: left; }

.council { padding: 50px 0px; }

.council .list { padding: 120px 10px 0px; }

.council .list .li { width: 25%; padding: 0px 10px 20px; float: left; }

.project .rights .a .title { height: 50px; line-height: 50px; font-size: 14px; right: 40px; bottom: 15px; left: 18px; }
}

@media (max-width: 999px) {

.header,
.header.fixed { height: 50px; padding: 5px 0px; background: #fff; }

.header .logo,
.header .logo img { height: 40px; }

.nclose { display: block; width: 50px; height: 50px; position: fixed; right: 0px; top: 0px; transition: 0.44s; background-size: 30px 30px; -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; -ms-background-size: 30px 30px; }

.nclose.hover { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); }

.navigateli > li { border-bottom: 1px solid #fff; }

.navigateli > li > a { display: block; color: #fff; font-size: 15px; padding-left: 28px; line-height: 54px; position: relative; }

.navigateli > li > a.now { background: #1f4d98; color: #fff; }

.navigateli > li > a.now b:before,
.navigateli > li > a.now b:after { background: #fff; }

.navigateli > li > a.now b:after { transform: translateY(30px); -webkit-transform: translateY(30px); -moz-transform: translateY(30px); opacity: 0; }

.navigateli > li > a b { display: block; width: 15px; height: 15px; position: absolute; right: 28px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); }

.navigateli > li > a b:before { content: ""; width: 100%; height: 2px; background: #999999; position: absolute; left: 0; top: 7px; transition: 0.32s; }

.navigateli > li > a b:after { content: ""; width: 2px; height: 100%; background: #999999; position: absolute; left: 7px; top: 0; transition: 0.32s; }

.navdown { background: #dbdbdb; display: none; margin: 0px; }

.navdown li a { display: block; color: #333333; font-size: 15px; padding-left: 28px; line-height: 50px; }

.menus { width: 50px; height: 50px; cursor: pointer; position: fixed; top: 0px; right: 0px; z-index: 9999; }

.menus span { display: inline-block; width: 22px; margin: auto; height: 2px; top: 50%; margin-top: -2px; position: absolute; left: 0; right: 0; vertical-align: middle; -webkit-transition-duration: .3s, .3s; -moz-transition-duration: .3s, .3s; -ms-transition-duration: .3s, .3s; -o-transition-duration: .3s, .3s; transition-duration: .3s, .3s; -webkit-transition-delay: .3s, 0s; -moz-transition-delay: .3s, 0s; -ms-transition-delay: .3s, 0s; -o-transition-delay: .3s, 0s; transition-delay: .3s, 0s; }

.menus span:after,
.menus span:before { content: ""; position: absolute; display: inline-block; width: 100%; height: 2px; left: 0; background-color: #1f4d98; -webkit-transition-duration: .3s, .3s; -moz-transition-duration: .3s, .3s; -ms-transition-duration: .3s, .3s; -o-transition-duration: .3s, .3s; transition-duration: .3s, .3s; -webkit-transition-delay: .3s, 0s; -moz-transition-delay: .3s, 0s; -ms-transition-delay: .3s, 0s; -o-transition-delay: .3s, 0s; transition-delay: .3s, 0s }

.menus span:before { top: -8px; -webkit-transition-property: top, transform; -moz-transition-property: top, transform; -ms-transition-property: top, transform; -o-transition-property: top, transform; transition-property: top, transform; }

.menus span:after { bottom: -8px; -webkit-transition-property: bottom, transform; -moz-transition-property: bottom, transform; -ms-transition-property: bottom, transform; -o-transition-property: bottom, transform; transition-property: bottom, transform; }

.menus.actives span { background-color: transparent; -webkit-transition-delay: 0s, 0s; -moz-transition-delay: 0s, 0s; -ms-transition-delay: 0s, 0s; -o-transition-delay: 0s, 0s; transition-delay: 0s, 0s }

.menus.actives span:after,
.menus.actives span:before { -webkit-transition-delay: 0s, .3s; -moz-transition-delay: 0s, .3s; -ms-transition-delay: 0s, .3s; -o-transition-delay: 0s, .3s; transition-delay: 0s, .3s }

.menus.actives span:before { top: 0px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg) }

.menus.actives span:after { bottom: 0px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.header .navs { display: none; }

.index .banner { height: 320px; }

.linss { height: 0px; clear: both; }
}

@media (min-width: 768px) {


.footer .navs { padding: 15px 10px; }

.footer .navs .code { text-align: right; padding-top: 30px; float: right; }

.footer .texts .tright { text-align: right; }

.index-title span { line-height: 30px; font-size: 18px; }

.index-title font { line-height: 36px; font-size: 24px; }

.about { padding: 50px 0px; background-size: auto 200px; -webkit-background-size: auto 200px; -moz-background-size: auto 200px; -ms-background-size: auto 200px; }

.about .lefts { padding-bottom: 50px; }

.about .lefts .title { width: 180px; line-height: 36px; color: #fff; font-size: 14px; }

.about .lefts .sub_title { line-height: 50px; color: #333; font-size: 30px; }

.about .lefts .info { padding: 30px 0px; }

.about .rights { width: 460px; height: 520px; }

.about .rights .about-logo { width: 450px; padding: 40px 0px; height: 430px; float: right; }
.about .rights .about-logo:before { top: 20px; right: 20px; bottom: 130px; left: 100px; }

.about .rights .about-lou { top: 40px; right: 40px; bottom: 40px; left: 50px; z-index: 99; }

.server { padding: 80px 0px; }

.server .center { width: 500px; height: 500px; border: #fff dashed 2px; padding: 80px 0px; margin: 0px auto; }

.server .center .text { width: 340px; height: 340px; border: #fff solid 2px; margin: 0px auto; padding-top: 50px; }

.server .center .icon { width: 60px; height: 60px; position: absolute; background-size: 40px 40px; -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; -ms-background-size: 40px 40px; }

.server .center .icon.icon1 { top: -30px; left: 220px; }

.server .center .icon.icon2 { top: 120px; right: -15px; }

.server .center .icon.icon3 { right: 10px; bottom: 80px; }

.server .center .icon.icon4 { bottom: 80px; left: 10px; }

.server .center .icon.icon5 { top: 120px; left: -15px; }

.council { padding: 50px 0px; }

.project .rights { width: 540px; padding-top: 150px; }

.news { padding: 50px 0px; }

.news .index-title { padding-top: 80px; }

.news .infos { padding-right: 30px; padding-top: 30px; padding-bottom: 30px; }

.news .mores { width: 180px; line-height: 36px; font-size: 14px; }

.news .item { padding-left: 15px; }

.news .item .moress { margin-top: 30px; }

.single .banner { height: 240px; }

.abouts.addbussinessAbout .imgurl { padding: 0px 0px 20px 0px; margin-top: -20px; margin-left: 20px; }

.abouts.addbussinessAbout .imgurl img { margin-top: -20px; margin-left: -20px; }

.abouts.addbussinessAbout .info { padding: 0 0px 50px 20px; }

.abouts.addbussinessAbout .info .title { line-height: 30px; font-size: 16px; padding-bottom: 10px; }

.abouts.addbussinessAbout .info .text { line-height: 24px; color: #555; font-size: 14px; padding: 20px 0px; height: 200px; overflow: auto; margin-bottom: 20px; margin-top: 10px; }

.abouts.ohter .imgurl { padding: 150px 0px 0px 15px; }

.contact .maps { height: 360px; }

.member.borderLine { padding: 120px 0px 50px; }

.member.borderLine .imgurl { padding: 0px 0px 20px 0px; margin-top: -20px; margin-left: 20px; }

.member.borderLine .imgurl img { margin-top: -20px; margin-left: -20px; }

.member.borderLine .info { padding: 0px 0px 0px 20px; }

.member.borderLine .info .content { height: 150px; }

.member.member59Style { padding: 80px 0px; }

.newsbox { padding: 80px 0px; }

.newsbox .title span { line-height: 30px; font-size: 18px; }

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

.newsbox .list .item,
.newsbox .imgss { padding-left: 15px; }

.newsbox .list .item .moress { margin-top: 30px; }

.newsbox .border { margin-left: 15px; }

.newsbox .article { padding-left: 15px; }

.newsbox .articles { margin-left: 15px; }

.newsbox .articles { border: #e5e5e5 solid 1px; }

.newsbox .articles .li { border-bottom: #e5e5e5 solid 1px; }

.newsbox .articles .li:last-child { border-bottom: none; }

.newsbox .articles .li a { line-height: 50px; }

.exhibition { margin-left: 5px; }

.searchs .seachtop { margin-bottom: 20px; }

.newsbox .imgss { height: 96px; margin-left: 15px; }

.product .procont { padding-left: 15px; line-height: 30px; font-size: 16px }
.product .procont p { line-height: 30px; font-size: 16px; }

}

@media (min-width: 1000px) {

.mobile { padding-top: 0px; }

.header .navs .a { margin: 0px 10px; }

.footer .links .pcbox { padding-top: 10px; padding-left: 150px; position: relative; }

.footer .links .pcbox .title { position: absolute; top: 10px; left: 20px; }

.footer .navs .a1 { padding-top: 20px; }

.footer .texts { padding-top: 50px; padding-bottom: 20px; }

.footer .texts .footer-logo { width: 80px; height: 80px; position: absolute; bottom: 20px; left: 50%; margin-left: -40px; }

.index-title span { line-height: 36px; font-size: 20px; }

.index-title font { line-height: 40px; font-size: 28px; }

.about { padding: 100px 0px; background-size: auto 240px; -webkit-background-size: auto 240px; -moz-background-size: auto 240px; -ms-background-size: auto 240px; }

.about .lefts { width: 400px; float: left; }

.about .rights { width: 460px; height: 480px; float: right; }

.about .rights .about-logo { width: 450px; padding: 40px 0px; height: 430px; float: right; }
.about .rights .about-logo:before { top: 20px; right: 20px; bottom: 130px; left: 100px; }

.about .rights .about-lou { top: 40px; right: 40px; bottom: 40px; left: 50px; z-index: 99; }

.server { padding: 120px 0px; }

.council { padding: 50px 0px 0px; }

.council .lefts { top: 100px; bottom: 0px; }

.council .index-title { padding-left: 360px; }

.council .list { height: 450px; margin-top: 150px; margin-left: 340px; position: relative; }

.council .list .li { width: 180px; height: 100px; overflow: hidden; position: absolute; }

.council .list .li.li1 { top: 30px; left: 0px; }

.council .list .li.li2 { top: 100px; left: 200px; }

.council .list .li.li3 { top: 30px; left: 400px; }

.council .list .li.li4 { top: 130px; left: 0px; }

.council .list .li.li5 { top: 200px; left: 200px; }

.council .list .li.li6 { top: 130px; left: 400px; }

.council .list .li.li7 { top: 230px; left: 0px; }

.council .list .li.li8 { top: 230px; left: 400px; }

.project { padding: 100px 0px; }

.project .lefts .title span { line-height: 25px; font-size: 18px; }

.project .lefts .title font { line-height: 25px; font-size: 24px; }

.project .lefts .menuss { margin-top: 50px; }

.project .rights { width: 720px; padding-top: 160px; }

.project .rights .a .grey { display: none; }

.project .rights .a .title { height: 50px; line-height: 50px; font-size: 14px; right: 55px; bottom: -50px; left: 25px; }

.project .rights .a .title:before { width: 0; }

.project .rights .a .search { display: none; }

.project .rights .a:hover .grey { display: block; }

.project .rights .a:hover .title { bottom: 15px; }

.project .rights .a:hover .title:before { width: 100%; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; transition: all 0.9s ease; }

.project .rights .a:hover .search { display: block; }

.news { padding: 80px 0px; }

.news .index-title { padding-top: 80px; }

.news .item { padding-left: 25px; }

.single .banner { height: 300px; }

.about .lefts .sub_title { line-height: 60px; color: #333; font-size: 28px; }

.abouts.addbussinessAbout .info { padding: 0 0px 50px 20px; }

.abouts.addbussinessAbout .info .title { line-height: 40px; font-size: 18px; }

.abouts.addbussinessAbout .info .text { line-height: 30px; color: #555; font-size: 14px; padding: 30px 10px 30px 0; height: 210px; margin-top: 10px }

.abouts.ohter { padding: 100px 0px; }

.abouts.ohter .imgurl { padding: 90px 0px 0px 15px; }

.contact { padding: 100px 0px 0px; }

.contact .ul .li .icon { width: 36px; height: 36px; }

.contact .ul .li .span { height: 36px; line-height: 36px; font-size: 20px; padding-left: 20px; }

.contact .ul .li .info { line-height: 30px; font-size: 16px; }

.contact .maps { height: 480px; }

.member.borderLine .info { padding: 0px 0px 0px 20px; }

.member.borderLine .info .content { height: 210px; font-size: 16px; }

.member.member59Style { padding: 100px 0px; }

.member.member59Style .info .content .li { padding: 5px 0px 5px 25px; }

.newsbox { padding: 100px 0px; }

.newsbox .title font { line-height: 36px; font-size: 24px; }

.newsbox .title span { line-height: 36px; font-size: 20px; }

.newsbox .menuu { padding: 25px 15px; }

.newsbox .menuu a { padding: 5px 0px; }

.newsbox .list .item,
.newsbox .imgss { padding-left: 25px; }

.newsbox .border { margin-left: 25px; }

.newsbox .article { padding-left: 25px; }

.newsbox .articles { margin-left: 25px; }

.newsbox .articles { border-top: #e5e5e5 solid 1px; border-right: none; border-bottom: none; border-left: #e5e5e5 solid 1px; }

.newsbox .articles .li { width: 50%; border-right: #e5e5e5 solid 1px; border-bottom: #e5e5e5 solid 1px; float: left; }

.newsbox .articles .li:last-child { border-bottom: #e5e5e5 solid 1px; }

.newsbox .articles .li a { line-height: 60px; }

.index .banner { height: 500px; }

.exhibition { margin-left: 15px; }

.newsbox .imgss { height: 102px; margin-left: 25px; }

.business { padding: 100px 0; }
}

@media (min-width: 1260px) {

.header .navs .a { margin: 0px 20px; }

.footer .texts { padding-top: 80px; }

.footer .texts .footer-logo { width: 100px; height: 100px; bottom: 10px; margin-left: -50px; }

.about { padding: 180px 0px; background-size: auto 300px; -webkit-background-size: auto 300px; -moz-background-size: auto 300px; -ms-background-size: auto 300px; }

.about .lefts { width: 500px; }

.about .lefts .title { width: 220px; line-height: 40px; color: #fff; font-size: 14px; }

.about .lefts .sub_title { line-height: 60px; color: #333; font-size: 36px; }

.about .lefts .info { line-height: 24px; color: #666; font-size: 14px; padding: 50px 0px; }

.about .rights { width: 560px; height: 540px; }

.about .rights .about-logo { width: 500px; padding: 40px 0px; height: 430px; float: right; }
.about .rights .about-logo:before { top: 20px; right: 20px; bottom: 100px; left: 100px; }

.about .rights .about-lou { top: 40px; right: 40px; bottom: 40px; left: 50px; z-index: 99; }

.server { padding: 150px 0px; }

.server .center { width: 640px; height: 640px; padding: 120px 0px; }

.server .center .text { width: 400px; height: 400px; padding-top: 100px; }

.server .center .icon.icon1 { left: 290px; }

.server .center .icon.icon2 { right: 15px; }

.server .center .icon.icon3 { right: 45px; }

.server .center .icon.icon4 { left: 45px; }

.server .center .icon.icon5 { left: 15px; }

.council { padding: 100px 0px 0px; background-position: center -80px; }

.council .index-title { padding-left: 320px; }

.council .list { height: 520px; margin-top: 120px; margin-left: 300px; }

.council .list .li { width: 260px; height: 140px; }

.council .list .li.li1 { top: 30px; left: 0px; }

.council .list .li.li2 { top: 90px; left: 280px; }

.council .list .li.li3 { top: 30px; left: 560px; }

.council .list .li.li4 { top: 170px; left: 0px; }

.council .list .li.li5 { top: 230px; left: 280px; }

.council .list .li.li6 { top: 170px; left: 560px; }

.council .list .li.li7 { top: 310px; left: 0px; }

.council .list .li.li8 { top: 310px; left: 560px; }

.project { padding: 150px 0px; }

.project .rights { width: 900px; padding-top: 140px; }

.project .rights .a .title { font-size: 16px; right: 60px; left: 30px; }

.project .rights .a:hover .title { bottom: 20px; }

.news { padding: 120px 0px; }

.news .mores { width: 220px; line-height: 40px; font-size: 14px; }

.abouts.ohter { padding: 150px 0px; }

.contact .maps { height: 540px; }

.index .banner { height: 640px; }

.business { padding: 120px 0; }

.culture { height: auto; overflow: hidden; background-color: rgba(242, 242, 242, 1); padding: 25px; }
.culture .items { height: auto; overflow: hidden; background-color: #fff; padding: 30px; margin-bottom: 25px; text-align: center; }
.culture .items .n-title { font-size: 18px; }
.culture .items .n-info { height: 75px; line-height: 25px; font-size: 14px; -webkit-line-clamp: 3; }
.culture.en .items .n-info { height: 100px; }

}

@media (min-width: 1600px) {

.header .navs .a { margin: 0px 25px; }

.council { padding: 150px 0px 50px; background-position: center -100px; }

.council .index-title { padding-left: 320px; }

.council .list { height: 520px; margin-top: 150px; margin-left: 300px; }

.project { padding: 180px 0px; }

.contact .maps { height: 600px; }

.index .banner { height: 100vh; }
}

.tips { height: auto; overflow: hidden; padding: 0px 15px; }

.tips b { line-height: 35px; color: #000; font-size: 16px; display: block; }

.tips p { line-height: 25px; color: #555; font-size: 14px; }

.addtitle { height: auto; overflow: hidden; padding: 10px 15px 0px; position: relative; }

.addtitle .span { height: 40px; line-height: 25px; color: #000; font-size: 16px; }

.addtitle .span font { color: #f00; }

.addtitle .input { height: 40px; line-height: 40px; color: #888; box-sizing: border-box; display: block; background: none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); padding-right: 20px; }

.addintro { height: auto; overflow: hidden; padding: 15px 15px; position: relative; }

.addintro .span { height: 30px; line-height: 25px; color: #000; font-size: 16px; }

.addintro .span font { color: #f00; }

.addintro .textarea { line-height: 25px; color: #888; box-sizing: border-box; display: block; background: none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.addimg { width: 80px; height: auto; border: #e5e5e5 dotted 1px; margin-left: 10px; position: relative; }

.addimg::before { width: 40px; height: 40px; line-height: 30px; color: #e5e5e5; font-size: 36px; text-align: center; content: "+"; position: absolute; top: 50%; left: 50%; margin-top: -20px; margin-left: -20px; }

.addimg .input { width: 80px; height: 80px; display: block; background: none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); opacity: 0; position: relative; }

.addtitle .list { float: left; }

.addbtnnn { height: auto; overflow: hidden; padding: 10px 15px 50px; position: relative; }

.addbtnnn span { height: 40px; line-height: 40px; color: #fff; font-size: 14px; text-align: center; display: block; background: #1f4d98; }

.addbtn { height: auto; overflow: hidden; margin: 0px 10px; position: relative; }

.addbtn image { width: 100%; height: 50px; display: block; }

.addbtn .button { width: 100%; height: 50px; line-height: 50px; color: #fff; font-size: 14px; text-align: center; display: block; background: none; outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: absolute; top: 0px; left: 0px; }

.sport a { line-height: 35px; color: #ddd; font-size: 12px; text-align: center; display: block; }

.abouts.addbussinessAbout .info .text::-webkit-scrollbar { /*滚动条整体样式*/ width: 3px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; }

.abouts.addbussinessAbout .info .text::-webkit-scrollbar-thumb { /*滚动条里面小方块*/ border-radius: 10px; box-shadow: inset 0 0 5px #1f4d98; background: #535353; }

.abouts.addbussinessAbout .info .text::-webkit-scrollbar-track { /*滚动条里面轨道*/ box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); border-radius: 10px; background: #ededed; }