@charset "UTF-8";
.inline-block { display: inline-block }
.case-list .swiper-slide a .img, .news-wrapper .news-imgs .swiper-slide a .img, .page-case-list .swiper-slide a .img, .page-honor-list li a, .page-service .swiper-slide .img, .page-sevice-list dl dt a { height: 0; padding-top: 100%; position: relative; display: block }
.case-list .swiper-slide a .img img, .news-wrapper .news-imgs .swiper-slide a .img img, .page-case-list .swiper-slide a .img img, .page-honor-list li a img, .page-service .swiper-slide .img img, .page-sevice-list dl dt a img { width: 100%; height: 100%; position: absolute; top: 0; left: 0 }
.case-list .swiper-slide a .con h2, .case-list .swiper-slide a .con p, .news-list li a, .news-wrapper .news-imgs .swiper-slide a .tit, .page-case-list .swiper-slide a .con h2, .page-case-list .swiper-slide a .con p, .page-honor-list li span, .page-news-list li a, .page-service .swiper-slide .tit, .page-sevice-list dl dd h2, .turn-page p a { max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block }
body { font-family: "微软雅黑" }
a, h1, h2, p, ul { margin: 0; padding: 0 }
.display, .service-wrapper .swiper-slide a { display: flex; display: -webkit-flex }
.tit01 { border-bottom: 1px solid #e50414; background: #fff }
.tit01 h2 { width: 30%; line-height: 36px; font-size: 16px; background: #e50414; color: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; text-align: center; font-weight: 700 }
.top-wrapper { margin-bottom: 0; border: 0; background-image: url(../images/top-bg.png); background-repeat: no-repeat; background-position: left top; background-size: 188% 100%; border-radius: 0 }
.top-wrapper .header { padding-bottom: 50px; position: relative }
.top-wrapper .logo button { margin-top: 0; margin-bottom: 1px; margin-right: 0; position: absolute; bottom: 0; right: 15px; background: #fff; border: 0 }
.top-wrapper .logo button span { background: #333 }
.top-wrapper .logo h1 { width: 100%; height: 73px; padding: 5px 15px 0 15px }
.top-wrapper .logo h1 a { height: 100%; text-indent: -800em; display: block; overflow: hidden; background: url(../images/logo.png) no-repeat center; background-size: contain }
.top-wrapper .tel { position: absolute; bottom: 1px; left: 5px; padding-left: 25px; background: url(../images/top-tel.png) no-repeat center left; background-size: 20px }
.top-wrapper .tel h2 { font-size: 14px; color: #007cc3 }
.top-wrapper .tel p { line-height: 16px; color: #e50414; font-weight: 700; font-size: 16px }
.top-wrapper .tel p:last-child { display: none }
#nav-menu { background: #000; border-top: 0 }
#nav-menu li a { color: #fff; font-size: 15px }
#banner .carousel-indicators { margin-bottom: 0 }
#banner .carousel-indicators li { margin: 0 3px; background: rgba(255,255,255,.5); box-shadow: 0 0 10px rgba(0,0,0,.5); border: 0 }
#banner .carousel-indicators li.active { background: #e50414 }
#banner .carousel-control { background: 0 0; opacity: .8 }
.service-wrapper { margin-top: 15px }
.service-wrapper .swiper-slide a { align-items: center; justify-content: center; -webkit-align-items: center; -webkit-justify-content: center; color: #fff; border-radius: 5px; padding: 10px 0; overflow: hidden; background: #007cc3 }
.service-wrapper .swiper-slide a i { width: 40px; height: 40px; margin-right: 5px; display: inline-block; background-image: url(../images/service.png); background-repeat: no-repeat }
.service-wrapper .swiper-slide a span { font-size: 16px }
.service-wrapper .box1 i { background-position: -126px -130px }
.service-wrapper .box2 i { background-position: -70px -10px }
.service-wrapper .box3 i { background-position: -68px -130px }
.service-wrapper .box4 i { background-position: -190px -130px }
.service-wrapper .box5 i { background-position: -10px -70px }
.service-wrapper .box6 i { background-position: -130px -70px }
.about-wrapper { margin-top: 20px }
.about-wrapper .con { padding-bottom: 20px; background: #f5f5f5 }
.about-wrapper .con .txt { padding: 15px; color: #666 }
.about-wrapper .con .btn { display: block; text-align: right }
.about-wrapper .con .btn a { width: 80px; line-height: 26px; display: inline-block; color: #fff; text-align: center; background: #e50414; border-radius: 5px }
.about-wrapper .img img { width: 100% }
.case-wrapper { margin-top: 25px; position: relative }
.case-wrapper .tit01 { overflow: hidden }
.case-wrapper .tit01 h2 { float: left; margin-right: 2px }
.case-wrapper .tit01 .item02 { background: #007cc3 }
.case-wrapper .tit01 .item02 a { color: #fff; display: block }
.case-wrapper .swiper-button-prev { background: url(../images/swiper-l.png) no-repeat center; background-size: contain }
.case-wrapper .swiper-button-next { background: url(../images/swiper-r.png) no-repeat center; background-size: contain }
.case-list, .page-case-list { margin-top: 15px }
.case-list .swiper-slide a, .page-case-list .swiper-slide a { display: block }
.case-list .swiper-slide a .img, .page-case-list .swiper-slide a .img { padding-top: 71.428% }
.case-list .swiper-slide a .img span, .page-case-list .swiper-slide a .img span { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.4) }
.case-list .swiper-slide a .con, .page-case-list .swiper-slide a .con { margin-top: -27px; position: relative }
.case-list .swiper-slide a .con h2, .page-case-list .swiper-slide a .con h2 { margin-bottom: 27px; padding: 0 15px; font-size: 16px; font-weight: 700; color: #fff }
.case-list .swiper-slide a .con p, .page-case-list .swiper-slide a .con p { padding-top: 10px; border-top: 1px solid #999; color: #999; display: none; }
.news-wrapper { margin-top: 25px }
.news-wrapper .news-imgs .swiper-slide { border-radius: 5px; overflow: hidden }
.news-wrapper .news-imgs .swiper-slide a { display: block; position: relative }
.news-wrapper .news-imgs .swiper-slide a .img { padding-top: 67.3% }
.news-wrapper .news-imgs .swiper-slide a .tit { line-height: 36px; position: absolute; bottom: 0; left: 0; right: 0; padding: 0 15px; padding-right: 50%; font-size: 16px; color: #fff; background: rgba(0,0,0,.4) }
.news-wrapper .news-imgs .swiper-pagination { text-align: right; width: auto; right: 0; left: auto }
.news-wrapper .news-imgs .swiper-pagination-bullet { width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 12px; color: #e50414; opacity: 1; border-radius: 0; background: #fff }
.news-wrapper .news-imgs .swiper-pagination-bullet-active { color: #fff; background: #e50414 }
.news-wrapper .news-r { margin-top: 15px }
.news-wrapper .news-r .tab-tit { display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between }
.news-wrapper .news-r .tab-tit a { width: 33%; line-height: 36px; color: #fff; background: #007cc3; font-size: 16px; text-align: center; border-top-left-radius: 5px; border-top-right-radius: 5px }
.news-wrapper .news-r .tab-tit a.active { background: #e50414 }
.news-wrapper .news-r .tab-content { padding: 15px 10px; padding-top: 10px; background: #f5f5f5 }
.news-wrapper .news-r .tab-content .news-list, .news-wrapper .news-r .tab-content .page-news-list { display: none }
.news-list, .page-news-list { list-style: none; display: none }
.news-list li, .page-news-list li { line-height: 36px; padding-left: 20px; border-bottom: 1px solid #fff; background: url(../images/news-li.png) no-repeat center left; overflow: hidden }
.news-list li a, .page-news-list li a { max-width: 69%; float: left; color: #333 }
.news-list li span, .page-news-list li span { color: #999; float: right }
.news-list:first-child, .page-news-list:first-child { display: block }
.footer-wrapper { margin-top: 25px; padding-top: 20px; background: #333; color: #fff }
.footer-wrapper a { color: #fff }
.footer-wrapper .f-nav dt { margin-bottom: 5px }
.footer-wrapper .qr-code { text-align: center }
.footer-wrapper .qr-code img { max-width: 100% }
.footer-wrapper .qr-code span { display: block; margin-top: 10px }
.footer-wrapper .f-contact { margin-top: 20px; padding: 15px 15px; text-align: center; border: 1px solid #999; border-left: 0; border-right: 0 }
.footer-wrapper .f-contact p { margin-bottom: 5px }
.footer-wrapper .f-link { padding-top: 15px; padding-left: 80px; background: url(../images/f-link.png) no-repeat top left; background-position: 15px 15px }
.footer-wrapper .f-link a { padding-right: 5px; border-right: 2px solid #fff }
.footer-wrapper .f-link a:last-child { border-right: 0 }
.footer-wrapper .copyright { margin-top: 15px; padding: 10px 0; background: #242424 }
.footer-wrapper .copyright p { padding: 0 15px; text-align: center }
.page-banner { display: none }
.side-contact, .side-tit { display: none }
.side-menu ul { list-style: none }
.side-menu li { width: 46%; line-height: 22px; margin-right: 2%; margin-bottom: 5px; display: inline-block; position: relative }
.side-menu li a { display: inline-block; color: #666; font-size: 16px }
.side-menu li span { width: 22px; height: 22px; line-height: 22px; margin-left: 8px; display: inline-block; background: url(../images/side-menu.png) no-repeat; background-position: -52px -10px; transform: rotateZ(270deg); font-size: 0; vertical-align: top }
.side-menu li .thd-menu { width: 100px; margin-top: 5px; padding: 3px 0; position: absolute; background: #fff; box-shadow: 0 0 6px rgba(0,0,0,.3); display: none }
.side-menu li .thd-menu li { line-height: 24px; display: block; margin-right: 0; text-align: center }
.side-menu li .thd-menu li a { display: block; font-size: 14px }
.side-menu li.active>a { color: #e50414 }
.side-menu li.active span { background-position: -10px -10px }
.main { margin-top: 15px }
.main .content { margin-top: 20px }
.main-tit { margin-top: 5px }
.main-tit .tit { padding: 8px 5px; background: url(../images/main-tit.png) no-repeat center left; background-size: auto }
.main-tit .tit h2 { font-size: 14px; color: #fff }
.main-tit .crumbs { margin-top: 5px; color: #666 }
.main-tit .crumbs a { color: #666 }
.page-news-list { padding: 10px 15px; padding-bottom: 0; background: #f5f5f5 }
.page-case-list .swiper-slide { margin-bottom: 20px }
.page-site-list { border: 0 }
.page-site-list tr { border: 0 }
.page-site-list tr th { background: #666; color: #fff }
.page-site-list tr td { white-space: normal; border: 0!important }
.page-site-list tr:nth-of-type(odd) { background-color: #f5f5f5!important }
.join-wrapper { margin-top: 20px }
.join-wrapper .join-list tr th { display: inline-block; background: #666; color: #fff; border: 0 }
.join-wrapper .join-list tr td { border: 0; padding: 0 }
.join-wrapper .join-list tr .tit01 { width: 10%; overflow: initial; border: 0; background: 0 0 }
.join-wrapper .join-list tr .tit02 { width: 10% }
.join-wrapper .join-list tr .tit04 { width: 13% }
.join-wrapper .join-list tr .tit03 { width: 6% }
.join-wrapper .join-list tr .tit05 { width: 28% }
.join-wrapper .join-list tr .tit06 { width: 13% }
.join-wrapper .join-list tr .tit07 { width: 6% }
.join-wrapper .join-list tr .tit08 { width: 9% }
.join-wrapper .join-list .box.active { border: 1px solid #e50414; border-top: 0 }
.join-wrapper .join-list .box.active .tit { background: #e50414 }
.join-wrapper .join-list .box.active .tit span { color: #fff }
.join-wrapper .join-list .box.active .tit .tit07 { background-image: url(../images/join2.png) }
.join-wrapper .join-list .box.active .tit .tit08 a { background-image: url(../images/download2.png) }
.join-wrapper .join-list .box.active .txt { height: 200px; padding-top: 10px; padding-bottom: 10px }
.join-wrapper .join-list .box.active .note { height: auto; margin: 20px 10px 0 10px; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #999 }
.join-wrapper .join-list .tit { display: flex; display: -webkit-flex }
.join-wrapper .join-list .tit span { padding: 8px 8px; display: inline-block; white-space: normal }
.join-wrapper .join-list .tit .tit01 { width: 10%; overflow: initial }
.join-wrapper .join-list .tit .tit02 { width: 10% }
.join-wrapper .join-list .tit .tit03 { width: 6%; text-align: center }
.join-wrapper .join-list .tit .tit04 { width: 13% }
.join-wrapper .join-list .tit .tit05 { width: 28% }
.join-wrapper .join-list .tit .tit06 { width: 13% }
.join-wrapper .join-list .tit .tit07 { width: 6%; text-align: center; font-size: 18px; color: #e50414; background: url(../images/join1.png) no-repeat center }
.join-wrapper .join-list .tit .tit08 { width: 9%; text-align: center }
.join-wrapper .join-list .tit .tit08 a { width: 18px; height: 100%; margin: 0 auto; overflow: hidden; font-size: 0; display: block; background: url(../images/download1.png) no-repeat center }
.join-wrapper .join-list .txt { height: 0; padding-left: 10px; padding-right: 10px; overflow-y: auto; transition: all linear .3s }
.join-wrapper .join-list .txt h2 { margin-bottom: 10px; font-size: 16px }
.join-wrapper .join-list .txt p { margin-bottom: 10px; color: #666 }
.join-wrapper .join-list .note { height: 0; overflow: hidden; transition: all linear .3s }
.join-wrapper .join-list .note p { color: #666 }
.join-wrapper .join-list .note p span { color: #007cc3 }
.text-title { margin-bottom: 10px; padding-bottom: 10px; text-align: center; border-bottom: 1px dashed #ccc }
.text-title h1 { line-height: 26px; font-size: 20px; font-weight: 700 }
.text-title p { padding-top: 10px; text-align: center; color: #666 }
.detail-box { margin-top: 0 }
.detail-box p { line-height: 24px; margin-bottom: 15px; color: #666 }
.detail-box p img { max-width: 100%!important; height: auto!important }
.detail-box .simg img { max-width: 100%!important; height: auto!important }
.turn-page { margin-top: 20px; border-top: 1px solid #ccc; padding-top: 25px }
.turn-page p { margin-bottom: 5px; color: #666; overflow: hidden }
.turn-page p span { float: left }
.turn-page p a { max-width: 80%; float: left; color: #666 }
.turn-page p a:hover { color: #e50414 }
.case-det .con .tit, .page-tit { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #e50414 }
.case-det .con .tit h2, .page-tit h2 { font-size: 16px; font-weight: 700; color: #e50414 }
.case-det { margin-bottom: 20px }
.case-det .img img { width: 100% }
.case-det .con { margin-top: 15px }
.case-det .con .tit { margin-bottom: 0 }
.case-det .con .txt { margin-top: 10px }
.case-det .con .txt p { color: #666 }
.page-speech .img { text-align: center }
.page-speech .img img { max-width: 100% }
.map { height: 400px }
.page-contact-list dt { padding-bottom: 8px; border-bottom: 1px solid #e3e3e3 }
.page-contact-list dt h2 { font-size: 16px; font-weight: 700 }
.page-contact-list dd { margin-top: 12px }
.page-contact-list dd p { margin-bottom: 5px; padding-left: 30px; color: #666 }
.page-contact-list dd .item1 { background: url(../images/contact1.png) no-repeat top left }
.page-contact-list dd .item2 { background: url(../images/contact2.png) no-repeat top left }
.page-contact-list dd .item3 { background: url(../images/contact3.png) no-repeat top left }
.page-contact-list dd .item4 { background: url(../images/contact4.png) no-repeat top left }
.page-contact-list dd .item5 { background: url(../images/contact5.png) no-repeat top left }
.page-contact-list dd .item6 { background: url(../images/contact6.png) no-repeat top left }
.page-contact-list dd .item7 { background: url(../images/contact7.png) no-repeat top left }
.page-culture { margin-top: 15px }
.page-culture .box { margin-bottom: 15px; padding: 15px; background: #f5f5f5 }
.page-culture .box .tit { overflow: hidden }
.page-culture .box .tit h2 { margin-right: 20px; float: left; font-size: 16px; font-weight: 700 }
.page-culture .box .con { margin-top: 15px }
.page-culture .box .con .img img { width: 100% }
.page-culture .box .con .txt { margin-top: 15px }
.page-culture .box .con .txt p { margin-bottom: 0 }
.page-organization .tab-tit { border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; text-align: center }
.page-organization .tab-tit a { width: 40%; line-height: 36px; display: inline-block; background: #e5e5e5; text-align: center; color: #666; font-size: 16px }
.page-organization .tab-tit a.active { background: #e50414; color: #fff }
.page-organization .tab-content { margin-top: 20px }
.page-organization .tab-content .txt { display: none }
a { text-decoration: none!important }
.message-form .username { margin-bottom: 15px }
.message-form .tel, .message-form .username { background: url(../images/message.png) no-repeat 95% center }
.message-form .sub-btn input { width: 100%; background: #e50414; color: #fff; border: 0; font-size: 16px }
.page-honor-list { list-style: none }
.page-honor-list li { margin-bottom: 20px }
.page-honor-list li a { padding-top: 67.857%; display: block }
.page-honor-list li span { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: url(../images/honor-tit.png) no-repeat center; height: 57px; margin: auto; text-align: center; color: #e50414; padding-top: 27px; font-size: 16px }
.page-honor-list li i { background: rgba(255,255,255,.4); position: absolute; top: 0; bottom: 0; left: 0; right: 0 }
.page-sevice-list dl dt a { padding-top: 55.55% }
.page-sevice-list dl dd { padding: 15px; border: 1px solid #f1f1f1 }
.page-sevice-list dl dd h2 { margin-bottom: 10px; font-size: 16px; font-weight: 700 }
.page-sevice-list dl dd h2 a { color: #333 }
.page-sevice-list dl dd p { color: #666 }
.page-service .swiper-slide { padding-bottom: 30px }
.page-service .swiper-slide .img { padding-top: 70.58% }
.page-service .swiper-slide .tit { margin-top: 10px; text-align: center }
.page-service .swiper-slide .tit h2 { font-size: 16px; color: #333 }
.page-service .swiper-button-prev { background: url(../images/swiper-l.png) no-repeat center; background-size: contain }
.page-service .swiper-button-next { background: url(../images/swiper-r.png) no-repeat center; background-size: contain }
.page-service .swiper-pagination-bullet-active { background: #e50414 }
.side-qq { display: none }
.page { clear: both; padding: 20px 0 40px; text-align: center }
.page a { display: inline-block; margin-bottom: 5px; padding: 0 15px; font-size: 12px; line-height: 28px; background: #fff; border: 1px solid #e3e3e3; text-align: center; color: #333; border-radius: 3px }
.page a:hover { background: #e50414; color: #fff; text-decoration: none }
.page a.a1 { padding: 0 15px; line-height: 28px; margin-top: 0 }
.page span { display: inline-block; padding: 0 15px; line-height: 28px; background: #e50414; border: 1px solid #e50414; color: #fff; text-align: center; border-radius: 3px }
.page .noPage { display: inline-block; padding: 0 12px; height: 22px; line-height: 22px; border: 1px solid #e3e3e3; text-align: center; color: #a4a4a4 }
.Validform_checktip { float: right; margin-left: 8px; line-height: 20px; height: 20px; overflow: hidden; color: #999; font-size: 12px }
.Validform_right { color: #71b83d; padding-left: 20px; background: url(../images/right.png) no-repeat left center }
.Validform_wrong { color: red; padding-left: 20px; white-space: nowrap; background: url(../images/error.png) no-repeat left center }
.Validform_loading { padding-left: 20px; background: url(../images/onLoad.gif) no-repeat left center }
.Validform_error { background-color: #ffe7e7 }
#Validform_msg { color: #7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width: 280px; -webkit-box-shadow: 2px 2px 3px #aaa; -moz-box-shadow: 2px 2px 3px #aaa; background: #fff; position: absolute; top: 0; right: 50px; z-index: 99999; display: none }
#Validform_msg .iframe { position: absolute; left: 0; top: -1px; z-index: -1 }
#Validform_msg .Validform_title { line-height: 25px; height: 25px; text-align: left; font-weight: 700; padding: 0 8px; color: #fff; position: relative; background-color: #000 }
#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited { line-height: 22px; position: absolute; right: 8px; top: 0; color: #fff; text-decoration: none }
#Validform_msg a.Validform_close:hover { color: #cc0 }
#Validform_msg .Validform_info { padding: 8px; border: 1px solid #000; border-top: none; text-align: left }
body { padding-bottom: 36px; }
.m-tel { position: fixed; left: 0; right: 0; bottom: 0; height: 36px; background: #e50414; display: flex; z-index: 1; }
.m-tel a { width: 50%; line-height: 36px; color: #FFFFFF; text-align: center; border-right: 1px solid #FFFFFF; }
.m-tel a:last-child { border-right: 0; }
 @media screen and (min-width:375px) {
.top-wrapper { background-size: 160% 100% }
.top-wrapper .tel p { line-height: 20px }
.top-wrapper .logo button { margin-bottom: 4px }
.side-menu li .thd-menu li { width: 100%; margin-bottom: 0 }
}
@media screen and (min-width:360px) {
.top-wrapper .logo h1 { height: 83px }
}
@media screen and (min-width:375px) {
.top-wrapper .logo h1 { height: 95px }
}
@media screen and (min-width:411px) {
.side-menu li { width: 30% }
}
@media screen and (min-width:768px) {
.top-wrapper .logo { width: 60% }
.top-wrapper .logo h1 { padding-top: 8px }
.top-wrapper { background-size: 100% 100% }
.top-wrapper .tel { height: 40px; margin-top: 35px; padding-left: 50px; position: relative; float: right; background-size: 40px }
.top-wrapper .tel h2 { margin-bottom: 5px; font-size: 16px }
.top-wrapper .tel p { font-size: 22px }
#nav-menu { margin-top: -42px; background: 0 0; overflow: hidden }
#nav-menu .container { width: auto; padding: 0; float: right }
#nav-menu .navbar-nav { float: right }
#nav-menu li a { padding: 11px 8px }
.footer-wrapper .f-nav { overflow: hidden }
.footer-wrapper .f-nav dl { margin: 0 30px; float: left }
.footer-wrapper .f-nav dd a { display: block }
.footer-wrapper .qr-code { margin-top: 20px }
.page-case-list { overflow: hidden }
.page-case-list .swiper-slide { width: 31.33%; margin: 0 1%; margin-bottom: 20px; float: left }
.join-wrapper .join-list .tit .tit03, .join-wrapper .join-list tr .tit03 { width: 7% }
.join-wrapper .join-list .tit .tit06, .join-wrapper .join-list tr .tit06 { width: 14% }
.join-wrapper .join-list tr .tit07 { width: 7% }
.join-wrapper .join-list .tit .tit08, .join-wrapper .join-list tr .tit08 { width: 10% }
.page-culture .box { overflow: hidden }
.page-culture .box .con .img { margin-right: 20px; float: left }
.page-culture .box .con .img img { width: 280px; height: 180px }
.page-culture .box .con .txt p { margin-bottom: 10px }
.page-honor-list { margin-left: -2%; overflow: hidden }
.page-honor-list li { width: 31.33%; margin-left: 2%; margin-bottom: 20px; float: left }
.page-sevice-list { overflow: hidden }
.page-sevice-list dl { width: 31.33%; margin: 0 1%; margin-bottom: 20px; float: left }
.side-menu li { width: 22.33% }
body { padding-bottom: 0; }
.m-tel { display: none; }
}
@media screen and (min-width:992px) {
.container { padding: 0 }
#nav-menu li a { width: 108px; padding: 8px 15px; font-size: 16px; text-align: center }
#nav-menu li a:hover { background: 0 0; border-bottom: 5px solid #fff }
#nav-menu li.active a { font-size: 18px; border-bottom: 5px solid #fff }
#nav-menu li a:hover { font-size: 18px }
.service-wrapper .swiper-slide a i { margin-right: 10px }
.about-wrapper { height: 335px; margin-top: 25px; background: #f5f5f5 }
.about-wrapper .con { width: 50%; padding-bottom: 0; float: left }
.about-wrapper .con .txt { height: 246px; overflow: hidden }
.about-wrapper .con .txt p { line-height: 24px }
.about-wrapper .img { width: 50%; float: right }
a:hover { text-decoration: none!important; color: #e50414 }
.news-wrapper .news-l { width: 40%; float: left }
.news-wrapper .news-r { width: 60%; margin-top: 0; padding-left: 20px; float: right }
.news-wrapper .news-r .tab-content .news-list li:hover, .news-wrapper .news-r .tab-content .page-news-list li:hover { background-image: url(../images/news-lih.png) }
.news-wrapper .news-r .tab-content .news-list li:hover a, .news-wrapper .news-r .tab-content .news-list li:hover span, .news-wrapper .news-r .tab-content .page-news-list li:hover a, .news-wrapper .news-r .tab-content .page-news-list li:hover span { color: #e50414 }
.footer-wrapper .f-nav { width: 70%; float: left }
.footer-wrapper .f-nav dl { margin-left: 0; margin-right: 46px }
.footer-wrapper .f-nav a { font-size: 16px }
.footer-wrapper .qr-code { width: 144px; margin-top: 0; float: right }
.footer-wrapper .f-link a { display: inline-block; height: 16px; line-height: 16px; margin-bottom: 5px; margin-right: 12px; padding-right: 12px }
.news-list li:hover, .page-news-list li:hover { background-image: url(../images/news-lih.png) }
.news-list li:hover a, .news-list li:hover span, .page-news-list li:hover a, .page-news-list li:hover span { color: #e50414 }
.page-banner { height: 270px; display: block }
.main-tit .tit h2 { font-size: 18px; padding-left: 20px }
.main-tit .tit { background: 0 0 }
.main-tit { line-height: 60px; background: url(../images/main-tit.png) no-repeat center left; background-size: 100% 100%; overflow: hidden }
.main-tit .tit { padding: 0; float: left }
.main-tit .tit h2 { line-height: 60px }
.main-tit .crumbs { margin-top: 0; padding-right: 15px; float: right }
.main-tit .crumbs a:hover { color: #e50414 }
.page-site-list tr th { padding: 15px 10px!important; font-size: 16px }
.page-site-list tr td { padding: 10px 10px!important }
.join-wrapper { margin-top: 50px }
.join-wrapper .join-list tr { height: 60px }
.join-wrapper .join-list tr td, .join-wrapper .join-list tr th { height: 60px; padding: 20px 10px 20px 20px; font-size: 16px }
.join-wrapper .join-list tr td { padding: 0 10px 0 30px }
.join-wrapper .join-list tr:hover { cursor: pointer }
.join-wrapper .join-list tr:hover .txt { cursor: default }
.join-wrapper .join-list .tit { padding: 18px 10px }
.join-wrapper .join-list .tit span { vertical-align: middle; height: auto }
.join-wrapper .join-list .txt { padding-left: 30px; padding-right: 30px }
.join-wrapper .join-list .txt p { font-size: 14px }
.join-wrapper .join-list .box.active .note { margin: 20px 30px 0 30px; padding: 28px 0 }
.join-wrapper .join-list .note p { font-size: 14px }
.join-wrapper .join-list .box.active .txt { height: 400px; padding-top: 30px; padding-bottom: 30px }
.join-wrapper .join-list .tit { padding: 0 }
.join-wrapper .join-list .tit span { padding: 20px 10px 20px 20px }
.join-wrapper .join-list tr td { padding: 0 }
.join-wrapper .join-list .txt h2 { margin-bottom: 20px }
.join-wrapper .join-list .tit .tit07 { width: 7% }
.main .content.show { padding: 30px; border: 1px solid #e6e6e6 }
.text-title { margin-bottom: 30px; padding-bottom: 15px }
.text-title p { font-size: 16px }
.detail-box p { font-size: 16px; line-height: 30px }
.turn-page { font-size: 16px }
.turn-page p { margin-bottom: 10px }
.case-det .con .tit, .page-tit { padding-bottom: 15px; margin-bottom: 30px }
.case-det { margin-bottom: 30px; overflow: hidden }
.case-det .img { width: 380px; margin-right: 20px; float: left }
.case-det .img img { height: 270px }
.case-det .con { margin-top: 26px; overflow: hidden }
.case-det .con .tit { margin-bottom: 0 }
.case-det .con .txt p { line-height: 30px; font-size: 16px }
.case-det .con .txt { height: 180px; overflow: hidden }
.page-speech { overflow: hidden }
.page-speech .img { width: 250px; margin-right: 30px; float: left }
.page-speech .con { margin-top: 0; overflow: hidden }
.page-contact-list dd p { font-size: 16px }
.page-contact-list dl:hover dt h2 { color: #e50414 }
.page-culture .box { padding: 20px }
.page-culture .box .tit { height: 22px; line-height: 22px; overflow: hidden }
.page-culture .box .tit h2 { line-height: 22px }
.page-culture .box .tit span { font-size: 16px }
.page-culture .box .con .txt p { margin-bottom: 4px }
.main .content.show.organization { padding-left: 0; padding-right: 0 }
.main .content.show.organization .tab-tit a { width: 200px; line-height: 50px; font-size: 18px }
.main .content.show.organization .tab-content { margin-top: 50px }
.message-form { padding: 30px; border: 1px solid #e6e6e6 }
.message-form .form-group { margin-bottom: 20px; overflow: hidden }
.message-form .form-group input { height: 50px }
.message-form .form-group .username { width: 45%; margin-bottom: 0; float: left }
.message-form .form-group .tel { width: 45%; float: right }
.message-form .form-group.txt textarea { height: 200px }
.message-form .form-group.sub-btn { margin-top: 30px }
.message-form .form-group.sub-btn input { height: 60px; width: 200px; font-size: 24px }
.page-honor-list { margin-left: -25px }
.page-honor-list li { width: 280px; height: 191px; margin-left: 25px; border: 1px solid #e6e6e6 }
.page-honor-list li i, .page-honor-list li span { opacity: 0; transition: all .4s }
.page-honor-list li:hover i, .page-honor-list li:hover span { opacity: 1 }
.page-sevice-list dl dt { overflow: hidden }
.page-sevice-list dl dt img { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out }
.page-sevice-list dl dt img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) }
.side-qq { display: block; position: fixed; width: 60px; height: auto; right: 0; top: 33%; z-index: 100 }
.side-qq ul { list-style: none }
.side-qq li { width: 60px; height: 65px; margin-bottom: 1px; position: relative }
.side-qq li a { position: absolute; width: 60px; height: 100%; top: 0; right: 0; transition: all .3s; opacity: 1; color: #fff; line-height: 46px; font-size: 15px; background: rgba(0,124,195,.7); border-top-left-radius: 5px; border-bottom-left-radius: 5px; text-decoration: none }
.side-qq li.side01 a img, .side-qq li.side02 a img, .side-qq li.side03 a img, .side-qq li.side04 a img, .side-qq li.side05 a img { padding-left: 6px; padding-top: 6px; display: block }
.side-qq li.side02 a { overflow: visible }
.side-qq li.side02 span { width: 150px; height: 150px; position: absolute; right: 110%; top: 0; display: none }
.side-qq li.side02 span img { width: 100%; height: 100%; padding: 0 }
.side-qq li.side02:hover a { width: 60px }
.side-qq li.side02:hover span { display: block }
.side-qq li.side03 a span { width: 180px; line-height: 65px; padding-left: 15px; font-size: 22px; font-weight: 700; display: none; border-top-left-radius: 5px; border-bottom-left-radius: 5px; position: absolute; left: -176px; top: 0; background: #007cc3 }
.side-qq li.side03:hover a span { display: block }
.side-qq li.side01 a, .side-qq li.side05 a { line-height: 27px; text-align: center }
.side-qq li.side01 a img, .side-qq li.side05 a img { margin: 0 auto }
.side-qq li.side01 a span, .side-qq li.side05 a span { font-size: 12px }
.side-qq li.side04 a { background: rgba(76,76,76,.7) }
.side-qq li.side01 a span { display: none }
.news-wrapper .news-r .tab-tit { display: block; font-size: 0 }
.news-wrapper .news-r .tab-tit a { width: 33%; margin-right: .3%; display: inline-block }
}
@media screen and (min-width:1200px) {
.container { width: 1200px }
.top-wrapper { height: 280px; background-size: auto; background-position: center }
.top-wrapper .header { height: 100%; padding: 0 }
.top-wrapper .logo { width: 682px; height: 160px; margin-top: 25px }
.top-wrapper .logo h1 { height: 100%; margin: 0!important; padding: 0 }
.top-wrapper .logo h1 a { background-position: left top }
.top-wrapper .tel { margin-top: 75px }
.top-wrapper .tel p:last-child { display: block }
.top-wrapper .tel p { line-height: 23px }
#nav-menu { height: 80px; margin-top: -65px; margin-bottom: 0 }
#nav-menu>ul>li { margin: 0 11px }
#nav-menu>ul>li:last-child { margin-right: 0 }
#nav-menu li a { width: 113px; padding: 17px 15px; padding-bottom: 23px; font-weight: 700 }
#nav-menu li a:hover { font-weight: 400 }
#nav-menu li.active a { font-weight: 400 }
.service-wrapper { margin-top: -92px }
.service-wrapper .swiper-slide a { height: 80px; padding: 0; display: block; text-align: center; background: #fff }
.service-wrapper .swiper-slide a i { vertical-align: top; margin-top: 20px }
.service-wrapper .swiper-slide a span { font-size: 20px; color: #007cc3; display: inline-block; line-height: 80px; font-weight: 700 }
.service-wrapper .swiper-slide a:hover { background: #e50414 }
.service-wrapper .swiper-slide a:hover span { color: #fff }
.service-wrapper .swiper-slide.box1 a i { background-position: -190px -10px }
.service-wrapper .swiper-slide.box1 a:hover i { background-position: -126px -130px }
.service-wrapper .swiper-slide.box2 a i { background-position: -10px -10px }
.service-wrapper .swiper-slide.box2 a:hover i { background-position: -70px -10px }
.service-wrapper .swiper-slide.box3 a i { background-position: -10px -130px }
.service-wrapper .swiper-slide.box3 a:hover i { background-position: -68px -130px }
.service-wrapper .swiper-slide.box4 a i { background-position: -190px -70px }
.service-wrapper .swiper-slide.box4 a:hover i { background-position: -190px -130px }
.service-wrapper .swiper-slide.box5 a i { background-position: -70px -70px }
.service-wrapper .swiper-slide.box5 a:hover i { background-position: -10px -70px }
.service-wrapper .swiper-slide.box6 a i { background-position: -130px -10px }
.service-wrapper .swiper-slide.box6 a:hover i { background-position: -130px -70px }
#banner .carousel-indicators { width: auto; left: auto; margin-left: 0; right: 4%; bottom: 100px }
.tit01 h2 { width: 200px; line-height: 50px; font-size: 18px }
.about-wrapper { margin-top: 60px; height: 400px; overflow: hidden }
.about-wrapper .con { width: 620px }
.about-wrapper .con .txt { height: 270px; padding: 40px 30px 40px 30px }
.about-wrapper .con .txt p { line-height: 28px; font-size: 16px }
.about-wrapper .img { width: 580px }
.about-wrapper .btn { margin-top: 10px; padding-bottom: 30px; padding-right: 30px }
.case-wrapper { margin-top: 60px }
.case-wrapper .swiper-button-next, .case-wrapper .swiper-button-prev { top: 56% }
.case-wrapper .tit01 .item02 { font-weight: 400 }
.case-wrapper .case-list, .case-wrapper .page-case-list { margin-top: 30px }
.case-list .swiper-slide a .img span, .page-case-list .swiper-slide a .img span { transition: all .4s }
.case-list .swiper-slide a:hover .img span, .page-case-list .swiper-slide a:hover .img span { background: rgba(0,124,195,.4) }
.case-list .swiper-slide a .con h2, .page-case-list .swiper-slide a .con h2 { margin-bottom: 23px }
.case-list .swiper-slide a .con p, .page-case-list .swiper-slide a .con p { padding-top: 8px }
.news-wrapper { margin-top: 60px }
.news-wrapper .news-l { width: 520px }
.news-wrapper .news-r { width: 650px; padding: 0 }
.news-wrapper .news-imgs .swiper-slide a .tit { line-height: 50px; padding-right: 38% }
.news-wrapper .news-imgs .swiper-pagination { bottom: 15px; right: 10px }
.news-wrapper .news-r .tab-tit a { line-height: 50px; font-size: 18px }
.news-wrapper .news-r .tab-tit a.active { font-weight: 700 }
.news-wrapper .news-r .tab-content { height: 300px; padding: 15px 20px; padding-bottom: 0 }
.news-list li, .page-news-list li { line-height: 46px }
.news-list li a, .page-news-list li a { font-size: 16px }
.news-list li:last-child, .page-news-list li:last-child { border-bottom: 0 }
.footer-wrapper { margin-top: 77px; padding-top: 60px }
.footer-wrapper .f-nav { width: 920px }
.footer-wrapper .f-nav dl { margin-right: 77px }
.footer-wrapper .f-nav dl dt { font-weight: 400 }
.footer-wrapper .f-nav dl dd a { line-height: 24px }
.footer-wrapper .f-contact { height: 108px; margin-top: 70px; padding-top: 22px; border: 0; background: url(../images/f-contact.png) no-repeat center top }
.footer-wrapper .f-contact p { line-height: 30px; font-size: 16px }
.footer-wrapper .f-link { padding-top: 27px }
.footer-wrapper .f-link a { margin-bottom: 10px; font-size: 16px }
.footer-wrapper .copyright { margin-top: 26px; padding: 19px 0; font-size: 16px }
.main { margin-top: 40px }
.main .content { margin-top: 40px }
.side { width: 260px; float: left }
.side-contact, .side-tit { display: block }
.side-tit { padding-left: 30px; border: 1px solid #e5e5e5; background: url(../images/side-tit.png) no-repeat center left }
.side-tit h2 { line-height: 58px; font-size: 18px; font-weight: 700; color: #e50414 }
.side-menu { border: 1px solid #e5e5e5; margin-top: -1px; overflow: hidden }
.side-menu li { width: 100%; line-height: 48px; margin: 0; display: block; position: relative; transition: all .4s }
.side-menu li a { padding-left: 30px; display: block; font-weight: 700; border-bottom: 1px solid #e5e5e5 }
.side-menu li:after { content: ''; position: absolute; width: 15px; height: 7px; top: 20px; right: 30px; margin: auto; background: url(../images/side-menu2.png) no-repeat center; background-position: -10px -10px }
.side-menu li:last-child a { border-bottom: 0 }
.side-menu li span { display: none }
.side-menu li:hover { transform: translateX(10px) }
.side-menu li:hover:after { background-position: -45px -10px }
.side-menu li:hover .thd-menu li { transform: none }
.side-menu li:hover .thd-menu li a { color: #666 }
.side-menu li:hover a { color: #e50414 }
.side-menu li:hover span { background-position: -45px -3px }
.side-menu li.active { border-bottom: 0; transform: translateX(10px) }
.side-menu li.active a { border-bottom: 1px solid #e5e5e5 }
.side-menu li.active:after { background-position: -45px -10px }
.side-menu li.active .thd-menu { display: block }
.side-menu li .thd-menu { width: 100%; margin: 0; padding: 0; position: relative; box-shadow: none }
.side-menu li .thd-menu li { text-align: left; line-height: 38px }
.side-menu li .thd-menu li:hover { transform: translateX(10px) }
.side-menu li .thd-menu li:hover a { color: #e50414 }
.side-menu li .thd-menu li:last-child a { border-bottom: 0 }
.side-contact .tel { min-height: 100px; margin-top: 1px; padding-top: 30px; padding-left: 70px; border: 1px solid #e5e5e5; background: url(../images/side-contact.png) no-repeat center top }
.side-contact .tel h2 { margin-bottom: 2px; font-size: 16px; color: #007cc3 }
.side-contact .tel p { font-size: 22px; line-height: 20px; color: #e50414; font-weight: 700 }
.side-contact .qr-code { margin-top: 1px; padding: 10px; border: 1px solid #e5e5e5; overflow: hidden }
.side-contact .qr-code .img { float: left }
.side-contact .qr-code .img img { width: 80px; height: 80px }
.side-contact .qr-code .con { width: 150px; padding-top: 8px; float: right }
.side-contact .qr-code .con .tit { padding-bottom: 7px; font-size: 16px; color: #e50414; border-bottom: 1px solid #e5e5e5 }
.side-contact .qr-code .con .txt { margin-top: 7px }
.side-contact .qr-code .con .txt p { line-height: 18px; color: #666 }
.main-r { width: 900px; float: right }
.page-news-list { padding: 10px 30px }
.page-news-list li a { max-width: 77% }
.page-case-list { margin-top: 0; margin-left: -30px }
.page-case-list .swiper-slide { width: 280px; margin-right: 0; margin-left: 30px }
.join-wrapper .join-list .tit span, .join-wrapper .join-list tr th { padding: 20px 0 20px 10px }
.join-wrapper .join-list .tit .tit02, .join-wrapper .join-list tr .tit02 { width: 11% }
.join-wrapper .join-list .tit .tit01, .join-wrapper .join-list tr .tit01 { width: 10% }
.join-wrapper .join-list tr .tit08 { text-align: center }
.join-wrapper .join-list .tit .tit07, .join-wrapper .join-list tr .tit07 { width: 5% }
.join-wrapper .join-list .tit .tit03, .join-wrapper .join-list tr .tit03 { width: 6% }
.join-wrapper .join-list .tit .tit04, .join-wrapper .join-list tr .tit04 { width: 12% }
.page-contact-list { padding: 30px; border: 1px solid #e6e6e6 }
.page-service .swiper-slide .tit h2 { font-size: 18px; font-weight: 700 }
.page-service .swiper-slide .tit { margin-top: 20px }
.page-service .swiper-slide:hover { cursor: pointer }
.page { padding-top: 55px; padding-bottom: 0 }
.news-wrapper .news-r .tab-tit { margin-left: -2px }
.news-wrapper .news-r .tab-tit a { width: 215px; margin-left: 2px; margin-right: 0 }
}
@media screen and (min-width:1300px) {
.top-wrapper .container { width: 1300px }
#nav-menu { width: 1300px }
#nav-menu>ul>li { margin: 0 20px }
}
@media screen and (min-width:1600px) {
#banner .carousel-indicators { right: 18.5% }
.case-wrapper .swiper-button-prev { left: -45px }
.case-wrapper .swiper-button-next { right: -45px }
#banner { max-width: 1920px; margin: 0 auto; }
}
