@charset "UTF-8";
.inline-block { display: inline-block }
.case-wrapper .case .case-l .swiper-slide .img a, .case-wrapper .case .case-r .box .img, .footer-guide .box .con .img, .gallery-thumbs .swiper-slide span, .gallery-top .swiper-slide .img, .page-case-list dt a, .page-news-list dt a, .page-product-list .box .img a, .page-team-list .box .img, .page-video-list .box .img { height: 0; padding-top: 100%; position: relative }
.case-wrapper .case .case-l .swiper-slide .img a img, .case-wrapper .case .case-r .box .img img, .footer-guide .box .con .img img, .gallery-thumbs .swiper-slide span img, .gallery-top .swiper-slide .img img, .page-case-list dt a img, .page-news-list dt a img, .page-product-list .box .img a img, .page-team-list .box .img img, .page-video-list .box .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0 }
.case-wrapper .case .case-l .swiper-slide .con .tit, .case-wrapper .case .case-r .box .tit, .footer-guide .box .con .tit h2, .news-fir .tit h2, .page-case-list dd .tit, .page-honor-list .box .tit h2, .page-news-list dd .tit, .page-product-list .box .con .material, .page-product-list .box .con .model, .page-product-list .box .con .tit, .page-team-list .box .con h2, .page-video-list .box .tit h2, .product-wrapper .product-list .box .con h2, .product-wrapper .product-list .box .con p { max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block }
body { font-family: "微软雅黑" }
h1, h2, p, ul { padding: 0; margin: 0 }
.case-wrapper .case .case-l .swiper-slide .img a, .case-wrapper .case .case-r .box .img, .footer-guide .box .con .img, .gallery-thumbs .swiper-slide span, .gallery-top .swiper-slide .img, .page-case-list dt a, .page-news-list dt a, .page-product-list .box .img a, .page-team-list .box .img, .page-video-list .box .img { height: 0; padding-top: 100%; position: relative; display: block }
.case-wrapper .case .case-l .swiper-slide .img a img, .case-wrapper .case .case-r .box .img img, .footer-guide .box .con .img img, .gallery-thumbs .swiper-slide span img, .gallery-top .swiper-slide .img img, .page-case-list dt a img, .page-news-list dt a img, .page-product-list .box .img a img, .page-team-list .box .img img, .page-video-list .box .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0 }
.case-wrapper .case .case-l .swiper-slide .con .tit, .case-wrapper .case .case-r .box .tit, .footer-guide .box .con .tit h2, .news-fir .tit h2, .page-case-list dd .tit, .page-honor-list .box .tit h2, .page-news-list dd .tit, .page-product-list .box .con .material, .page-product-list .box .con .model, .page-product-list .box .con .tit, .page-team-list .box .con h2, .page-video-list .box .tit h2, .product-wrapper .product-list .box .con h2, .product-wrapper .product-list .box .con p { max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block }
.tit01 { overflow: hidden }
.tit01 h2 { float: left; font-size: 20px; font-weight: 700 }
.tit01 h2 span { color: #c80909 }
.tit01 a { float: right; text-transform: uppercase; color: #c80909 }
.tit02 { padding-bottom: 25px; text-align: center; background: url(../images/tit02.png) no-repeat center bottom }
.tit02 h2 { margin-bottom: 5px; font-size: 20px; font-weight: 700; color: #222 }
.tit02 p { text-transform: uppercase; color: #666 }
.profile-tit { text-align: center; padding-bottom: 10px; background: url(../images/profile-tit.png) no-repeat center bottom }
.profile-tit h2 { margin-bottom: 5px; font-size: 18px }
.profile-tit p { text-transform: uppercase; color: #666 }
.top-wrapper { width: 100%; position: fixed; top: 0; z-index: 3; background: #FFFFFF; }
#banner, .page-banner { margin-top: 50px; }
.logo { width: 100%; margin: 0!important; display: flex; justify-content: space-between; flex-direction: row-reverse }
.logo .navbar-toggle { text-align: right; margin-right: 0; padding-right: 0 }
.logo .navbar-toggle .icon-bar { background-color: #000 }
.logo h1 { flex: 1; padding: 3px 0 }
.logo h1 a { display: block; height: 100%; background: url(../images/logo1.png) no-repeat center left; background-size: contain; text-indent: -800px }
.slogan, .tel { display: none }
#nav-menu { border-top: 1px solid #ddd; position: fixed; top: 50px; width: 100%; background: #FFFFFF; z-index: 3; box-shadow: 0 3px 3px rgba(0,0,0,.35); }
#nav-menu li a { color: #333 }
#nav-menu li .sec-menu { display: none }
#banner .carousel-indicators { bottom: 0; margin-bottom: 0 }
#banner .carousel-indicators li { border: 2px solid #242527 }
#banner .carousel-indicators .active { border-color: #c80909 }
.about-wrapper { margin-top: 25px }
.about-wrapper .about-l .txt { margin-top: 15px; color: #666 }
.about-wrapper .about-l .txt p { margin-bottom: 15px }
.about-wrapper .btns { margin-top: 15px }
.about-wrapper .btns a { margin-bottom: 10px; display: block }
.about-wrapper .btns a img { width: 100% }
.about-wrapper .btns a span { display: none }
.about-wrapper .img { margin-top: 15px }
.about-wrapper .img img { width: 100% }
.product-wrapper { margin-top: 25px }
.product-wrapper .product-list { margin-top: 15px }
.product-wrapper .product-list .box { margin-bottom: 15px }
.product-wrapper .product-list .box a { height: 0; padding-top: 63.247%; position: relative; display: block }
.product-wrapper .product-list .box .img { position: absolute; width: 100%; height: 100%; left: 0; top: 0 }
.product-wrapper .product-list .box .img img { width: 100%; height: 100% }
.product-wrapper .product-list .box .con { padding: 10px 5px; position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.5); color: #fff; text-align: center }
.product-wrapper .product-list .box .con h2 { margin-bottom: 10px; padding-bottom: 10px; font-size: 18px; background: url(../images/product-tit.png) no-repeat center bottom }
.product-wrapper .more02 { margin-top: 25px }
.more02 a { width: 180px; line-height: 40px; display: block; margin: 0 auto; text-indent: -800px; border-radius: 3px; border: 1px solid #009ed4; overflow: hidden; background: url(../images/more02.png) no-repeat center; background-size: 70px }
.case-wrapper { margin-top: 25px }
.case-wrapper .case { margin-top: 15px }
.case-wrapper .case .tab-tit { overflow-x: auto; white-space: nowrap }
.case-wrapper .case .tab-tit .box { padding: 5px 15px; text-align: center; display: inline-block }
.case-wrapper .case .tab-tit .box h2 { font-size: 18px }
.case-wrapper .case .tab-tit .box p { text-transform: uppercase; color: #666; font-size: 12px }
.case-wrapper .case .tab-tit .active { background: #c80909; color: #fff }
.case-wrapper .case .tab-tit .active p { color: #fff }
.case-wrapper .case .tab-content .item { display: none }
.case-wrapper .case .case-l { margin-top: 15px }
.case-wrapper .case .case-l .swiper-slide .img a { padding-top: 63.068% }
.case-wrapper .case .case-l .swiper-slide .con { margin-top: 10px }
.case-wrapper .case .case-l .swiper-slide .con .tit { font-size: 16px }
.case-wrapper .case .case-l .swiper-slide .con .tit a { color: #000 }
.case-wrapper .case .case-l .swiper-slide .con .txt { margin-top: 10px; line-height: 24px; height: 48px; color: #666; overflow: hidden }
.case-wrapper .case .case-l .swiper-slide .con .btns { margin-top: 8px }
.case-wrapper .case .case-l .swiper-slide .con .btns a { line-height: 33px; margin-right: 10px; padding: 0 20px; display: inline-block; background: #ccc; border-radius: 3px; text-align: center; color: #fff }
.case-wrapper .case .case-r { margin-top: 25px }
.case-wrapper .case .case-r .box { margin-bottom: 10px }
.case-wrapper .case .case-r .box .img { padding-top: 63.068% }
.case-wrapper .case .case-r .box .tit { line-height: 30px; text-align: center; font-size: 14px; color: #666 }
.case-wrapper .case .case-r .box .icon { display: none }
.footer-guide { margin-top: 25px }
.footer-guide .box { margin-bottom: 20px }
.footer-guide .box .top-tit { overflow: hidden }
.footer-guide .box .top-tit h2 { margin-right: 10px; float: left; font-size: 18px }
.footer-guide .box .top-tit span { font-size: 14px; font-weight: 700 }
.footer-guide .box .con { margin-top: 10px }
.footer-guide .box .con a { color: #222 }
.footer-guide .box .con .img { padding-top: 87.465% }
.footer-guide .box .con .tit { background: #f5f5f5 }
.footer-guide .box .con .tit h2 { margin: 0; padding: 15px; float: none; font-weight: 700 }
.footer-guide .box .con .tit h2 a { color: #222; display: block }
.footer-guide .box .con .det { display: none }
.footer-guide .box03 .con .tit h2 { background: url(../images/more03.png) no-repeat 93% center }
.footer-wrapper { margin-top: 25px; padding-top: 15px; background: #2c2c2c }
.footer-wrapper .f-tit h2 { border-left: 4px solid #c80909; padding-left: 10px; font-size: 18px; color: #666; }
.footer-wrapper .f-message { display: none; }
.footer-wrapper .f-message .message-form { margin-top: 15px }
.footer-wrapper .f-message .form-group input, .footer-wrapper .f-message .form-group textarea { width: 100%; height: 36px; padding-left: 15px; border-radius: 0; background: #969696; border: 0 }
.footer-wrapper .f-message .form-group input::-webkit-input-placeholder, .footer-wrapper .f-message .form-group textarea::-webkit-input-placeholder {
color:#333
}
.footer-wrapper .f-message .form-group textarea { width: 100%; height: 65px; padding-top: 10px }
.footer-wrapper .f-message .form-group.code input[type=text] { width: 130px }
.footer-wrapper .f-message .form-group.code input[type=submit] { width: 70px; background: #c80909; color: #fff; padding-left: 0 }
.footer-wrapper .f-contact .txt { margin-top: 20px }
.footer-wrapper .f-contact .txt p { margin-bottom: 10px; padding-left: 0; color: #999;/* width: 50%; *//* float: left; */ font-weight: bold; }
.footer-wrapper .f-contact .txt p a { color: #999; }
.footer-wrapper .f-contact .txt .item01 { background: url(../images/f-contact1.jpg) no-repeat }
.footer-wrapper .f-contact .txt .item02 { background: url(../images/f-contact2.jpg) no-repeat }
.footer-wrapper .f-contact .txt .item03 { background: url(../images/f-contact3.jpg) no-repeat }
.footer-wrapper .f-contact .txt .item04 { background: url(../images/f-contact4.jpg) no-repeat }
.footer-wrapper .copyright { padding: 5px 0; background: #000; color: #999; }
.footer-wrapper .copyright p { margin-bottom: 5px; font-weight: bold; }
.page-banner { height: 120px; background-size: 225%!important }
.main-tit .crumbs { display: none }
.main-tit .main-menu { margin-top: 10px }
.main-tit .main-menu a { color: #666; border: 1px solid #ddd; border-radius: 3px; padding: 3px 8px; display: inline-block }
.main-tit .main-menu a.active { background: #000; color: #fff; border-color: #000 }
.main { margin-top: 25px }
.page-case-list dl { border: 1px solid #ccc; overflow: hidden }
.page-case-list dt { width: 40%; margin-right: 15px; float: left }
.page-case-list dt a { padding-top: 63.068% }
.page-case-list dd { padding-top: 3px; overflow: hidden }
.page-case-list dd .tit { margin-bottom: 3px; font-size: 14px }
.page-case-list dd .tit a { color: #000 }
.page-case-list dd .txt { line-height: 16px; height: 32px; margin-bottom: 5px; font-size: 12px; overflow: hidden }
.page-case-list dd .more a { width: 100px; padding: 3px 0; display: block; background: #b6b6b6; color: #fff; font-size: 12px; text-align: center }
.page-team-list .box { margin-bottom: 15px; overflow: hidden; background: #646464; color: #fff }
.page-team-list .box .img { width: 35%; padding-top: 47%; float: left; }
.page-team-list .box .con { width: 60%; float: right; overflow: hidden; }
.page-team-list .box .con h2 { margin-top: 15px; margin-bottom: 15px; font-size: 16px; }
.page-team-list .box .con p { line-height: 20px;/* height: 100px; */ overflow: hidden; font-size: 12px; }
.page-team-list .box .con .text { height: 84px; }
.page-team-list .box:nth-child(2n) .img { float: right; margin-right: 0; margin-left: 15px }
.page-team-list .box:nth-child(2n) .con { float: left; text-align: right }
.news-fir { position: relative; padding-left: 35px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dotted #cac9c4 }
.news-fir .tit { margin-bottom: 10px }
.news-fir .tit h2 { font-size: 16px }
.news-fir .tit h2 a { color: #222 }
.news-fir .txt { height: 40px; color: #666; overflow: hidden }
.news-fir .more { margin-top: 5px; text-align: right }
.news-fir .more a { padding-left: 27px; color: #4c1e00; background: url(../images/more04.png) no-repeat center left }
.news-fir .headline { position: absolute; left: 0; top: 0; background: #222; color: #fff; font-size: 10px; padding: 3px 3px }
.page-news-list dt a { padding-top: 60.567% }
.page-news-list dd { margin-top: 15px }
.page-news-list dd .tit { margin-bottom: 10px; font-size: 18px }
.page-news-list dd .tit a { color: #333 }
.page-news-list dd .txt { color: #666; height: 40px; overflow: hidden }
.page-news-list dd .more { margin-top: 10px; text-align: right }
.page-news-list dd .more a { width: 97px; line-height: 31px; background: #b6b6b6; text-align: center; color: #fff; display: inline-block }
.page-honor-list .box { margin-bottom: 15px }
.page-honor-list .box .img img { width: 100% }
.page-honor-list .box .tit h2 { line-height: 30px; font-size: 14px; text-align: center }
.side-tit { display: none }
.side-menu .menu-list li { margin-right: 5px; margin-bottom: 3px; border: 1px solid #ddd; border-radius: 3px; display: inline-block }
.side-menu .menu-list li a { padding: 6px 8px; display: block; color: #333 }
.side-menu .menu-list li.active { background: #000; color: #fff; border-color: #000 }
.side-menu .menu-list li.active a { color: #fff }
.side-menu .menu-list { display: flex; flex-wrap: wrap; justify-content: space-between }
.side-menu .menu-list>li { width: 32.8%; margin-right: .5%; margin-bottom: 2px; background: #fff; display: flex; align-items: center }
.side-menu .menu-list>li.arrow { position: relative }
.side-menu .menu-list>li.arrow:after { content: ''; width: 12px; height: 10px; background: url(../images/main-menu.png) no-repeat center; background-size: contain; position: absolute; top: 0; bottom: 0; margin: auto; right: 10px; padding: 3px; z-index: 0 }
.side-menu .menu-list>li.active { background: #fff }
.side-menu .menu-list>li.active>a { color: #c80909 }
.side-menu .menu-list>li.active.arrow:after { background: url(../images/main-menuh.png) no-repeat center; background-size: contain }
.side-menu .menu-list .thd-menu { padding: 15px; list-style: none; position: absolute; top: 102%; left: 0; right: 0; background: #f9f7f7; border-bottom: 2px solid #4eb234; overflow: hidden; display: none; z-index: 2 }
.side-menu .menu-list .thd-menu li { border-bottom: 1px solid #ddd }
.side-menu .menu-list .thd-menu li a { color: #666 }
.side-menu .menu-list .thd-menu li.on a { color: #c80909; font-weight: 700 }
.main-r { margin-top: 20px }
.page-product-list .box { margin-bottom: 20px }
.page-product-list .box .img a { padding-top: 63.14% }
.page-product-list .box .con { margin-top: 10px }
.page-product-list .box .con .tit { margin-bottom: 10px; font-size: 14px }
.page-product-list .box .con .tit a { color: #000 }
.page-product-list .box .con .material, .page-product-list .box .con .model { margin-bottom: 3px; color: #666 }
.page-product-list .box .con .num { font-size: 12px }
.page-product-list .box .con .num span { color: #c80909 }
.page-product-list .box .btns { margin-top: 10px; font-size: 0 }
.page-product-list .box .btns a { width: 50%; line-height: 30px; display: inline-block; text-align: center; border: 1px solid #ccc; font-size: 14px; color: #666 }
.page-product-list .box .btns a:hover { color: #c80909 }
.page-product-list .box .btns .btn-l { border-top-left-radius: 30px; border-bottom-left-radius: 30px }
.page-product-list .box .btns .btn-r { border-top-right-radius: 30px; border-bottom-right-radius: 30px; border-left: 0 }
.page-video-list .box { margin-bottom: 15px }
.page-video-list .box a { padding: 10px; display: block; background: #eee }
.page-video-list .box .img { padding-top: 70.317%; border: 1px solid #ccc }
.page-video-list .box .tit h2 { line-height: 36px; font-size: 14px; color: #000; text-align: center }
.text-title { padding-bottom: 10px; text-align: center; border-bottom: 1px dotted #c8c8c8 }
.text-title h1 { line-height: 28px; font-size: 18px }
.text-title p { font-size: 12px; color: #666 }
.detail-box { margin-top: 25px }
.detail-box p { 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 }
.pager { text-align: left; }
.pager p { overflow: hidden; }
.pager p span { float: left !important; }
.pager p a { color: #333; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 78%; }
.pager p.next a { float: left; }
.pro-img { position: relative }
.pro-img .swiper-button-next, .pro-img .swiper-button-prev { width: 10px; height: 45px }
.pro-img .swiper-button-next { background: url(../images/product-r.jpg) no-repeat center }
.pro-img .swiper-button-prev { background: url(../images/product-l.jpg) no-repeat center }
.gallery-top .swiper-slide .img { padding-top: 63.14% }
.gallery-thumbs { margin-top: 10px }
.gallery-thumbs .swiper-slide { border: 1px solid #fff }
.gallery-thumbs .swiper-slide span { padding-top: 63.14% }
.gallery-thumbs .swiper-slide-thumb-active { border-color: #c80909 }
.pro-det { margin-top: 15px }
.pro-det .box { margin-bottom: 5px }
.profile-about .img img { max-width: 100% }
.profile-about .txt p { margin-bottom: 10px; line-height: 24px }
.profile-video { margin-top: 15px }
.profile-video img { max-width: 100% }
.profile-visioin { margin-top: 25px }
.profile-visioin .visioin-txt { margin-top: 15px }
.profile-visioin .visioin-list .box { color: #fff; margin-bottom: 20px; padding-top: 220px; padding-bottom: 60px }
.profile-visioin .visioin-list .box .tit { text-align: center }
.profile-visioin .visioin-list .box .tit h2 { font-size: 36px }
.profile-visioin .visioin-list .box .tit p { font-size: 36px }
.profile-visioin .visioin-list .box .txt { margin-top: 30px; padding: 0 15px }
.profile-visioin .visioin-list .box .txt p { margin-bottom: 20px }
.profile-visioin .visioin-list .box01 { background: url(../images/vision1.png) no-repeat center top; background-size: cover }
.profile-visioin .visioin-list .box02 { background: url(../images/vision2.png) no-repeat center top; background-size: cover }
.profile-visioin .visioin-list .box03 { background: url(../images/vision3.png) no-repeat center top; background-size: cover }
.tech-wrapper.tech01 .box { margin-bottom: 15px; padding: 15px; color: #fff }
.tech-wrapper.tech01 .box .tit { margin-bottom: 10px; padding-bottom: 15px; text-align: center; background: url(../images/tech-tit.png) no-repeat center bottom }
.tech-wrapper.tech01 .box .tit h2 { font-size: 18px }
.tech-wrapper.tech01 .box01 { background: #d70a1d }
.tech-wrapper.tech01 .box02 { background: #dc632a }
.tech-wrapper.tech01 .box03 { background: #d1871b }
.tech-wrapper.tech02, .tech-wrapper.tech03 { margin-top: 20px }
.tech-wrapper.tech02 img, .tech-wrapper.tech03 img { max-width: 100% }
.contact-txt { padding-left: 130px; background: url(../images/contact-txt.png) no-repeat top left; background-size: 120px }
.contact-txt h2 { margin-bottom: 15px; font-size: 16px }
.contact-txt p { color: #666; line-height: 29px }
.contact-det { margin-top: 25px }
.contact-det .det-l .tit { padding-bottom: 10px; text-align: center; border-bottom: 1px solid #ccc }
.contact-det .det-l .tit h2 { margin-bottom: 8px; font-size: 18px; font-weight: 700; color: #222 }
.contact-det .det-l .tit p { font-size: 12px; color: #3e3d3d }
.contact-det .det-l .txt p { margin-bottom: 0; padding: 15px 0; padding-left: 40px; border-bottom: 1px solid #ccc; color: #222; background-size: 25px; background-repeat: no-repeat; background-position: left center }
.contact-det .det-l .txt .item01 { background-image: url(../images/contact1.png) }
.contact-det .det-l .txt .item02 { background-image: url(../images/contact2.png) }
.contact-det .det-l .txt .item03 { background-image: url(../images/contact3.png) }
.contact-det .det-l .txt .item04 { background-image: url(../images/contact3.png) }
.contact-det .det-l .txt .item05 { background-image: url(../images/contact4.png) }
.contact-det .map { margin-top: 30px; padding-top: 66px; background: url(../images/map-tit.png) no-repeat left top }
.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 }
.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: #000; 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: #000; border: 1px solid #000; 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 }
body { padding-bottom: 40px; }
.fixed { position: fixed; left: 0; right: 0; bottom: 0; height: 40px; background: #c80909; color: #FFFFFF; display: flex; justify-content: space-between; z-index: 2; }
.fixed a { width: 33.33%; color: #FFFFFF; text-align: center; line-height: 40px; border-left: 1px solid #FFFFFF; }
.fixed a:first-child { border-left: 0; }
.fixWechat { width: 126px; padding: 2px; border: #666 solid 1px; position: fixed; right: 10px; bottom: 50%; display: none; }
.fixWechat img { width: 120px; height: 120px; }
.fixWechat span { display: block; line-height: 32px; font-size: 16px; text-align: center; }
 @media screen and (min-width:375px) {
.page-team-list .box .con .text { height: 100px; }
}
@media screen and (min-width:414px) {
.page-case-list dd { padding-top: 8px }
.page-team-list .box .con .text { height: 120px; }
}
@media screen and (min-width:768px) {
.top-wrapper { padding: 0; height: 50px }
.top-wrapper .slogan { display: none }
.top-wrapper .slogan, .top-wrapper .tel { display: block }
.top-wrapper .slogan { width: 30%; height: 100%; padding: 3px 0; float: left }
.top-wrapper .slogan img { height: 100% }
.top-wrapper .tel { margin-top: 5px; float: right; padding-left: 50px; background: url(../images/top-tel.png) no-repeat center left; background-size: contain }
.logo { width: 40%; float: left }
#nav-menu { padding: 0 9px }
#nav-menu li a { padding: 12px 36px; }
#banner, .page-banner { margin-top: 95px; }
.about-wrapper .about-l { width: 60%; float: left }
.about-wrapper .btns { width: 35%; margin-top: 0; float: right }
.about-wrapper .img { clear: both }
.product-wrapper .product-list { overflow: hidden }
.product-wrapper .product-list .box { width: 31%; margin: 0 1%; margin-bottom: 2%; float: left }
.product-wrapper .product-list .box01, .product-wrapper .product-list .box02 { width: 48%; margin: 0 .7%; margin-bottom: 2% }
.case-wrapper .case .tab-tit { text-align: center }
.case-wrapper .case .tab-content .item { margin-top: 15px; overflow: hidden }
.case-wrapper .case .case-l { width: 75%; margin-top: 0; float: left }
.case-wrapper .case .case-r { width: 20%; margin-top: 0; float: right }
.footer-guide .box { width: 31%; margin: 0 1%; float: left }
.footer-wrapper .footer { overflow: hidden }
.footer-wrapper .footer .f-message { width: 45%; float: left }
.footer-wrapper .footer .f-contact {/* width: 50%; *//* float: right */ }
.page-banner { height: 150px; background-size: 130%!important }
.page-case-list { overflow: hidden }
.page-case-list dl { width: 48%; margin-left: 1%; margin-right: 1%; float: left }
.page-team-list { overflow: hidden }
.page-team-list .box { width: 48%; margin-left: 1%; margin-right: 1%; float: left; overflow: hidden; }
.page-team-list .box:nth-child(2n) .img { float: left; margin-left: 0 }
.page-team-list .box:nth-child(2n) .con { float: right; text-align: left }
.page-team-list .box.box3, .page-team-list .box.box4, .page-team-list .box.box7, .page-team-list .box.box8 { background: #898787 }
.page-team-list .box.box3 .img, .page-team-list .box.box4 .img, .page-team-list .box.box7 .img, .page-team-list .box.box8 .img { float: right }
.page-team-list .box.box3 .con, .page-team-list .box.box4 .con, .page-team-list .box.box7 .con, .page-team-list .box.box8 .con { float: left; text-align: right }
.page-news-list dl { padding: 20px 16px; border: 1px solid #ccc; overflow: hidden }
.page-news-list dl dt { width: 317px; margin-right: 50px; float: left }
.page-news-list dl dd { overflow: hidden }
.page-news-list dl dd .tit { margin-bottom: 20px }
.page-news-list dl dd .more { margin-top: 50px }
.page-honor-list { overflow: hidden }
.page-honor-list .box { width: 31%; margin: 0 1%; margin-bottom: 20px; float: left }
.page-product-list { overflow: hidden }
.page-product-list .box { width: 31%; margin: 0 1%; margin-bottom: 2%; float: left }
.page-video-list { overflow: hidden }
.page-video-list .box { width: 31%; margin: 0 1%; margin-bottom: 2%; float: left }
.pro-img .swiper-button-next, .pro-img .swiper-button-prev { top: auto; bottom: 14px }
.gallery-thumbs { width: 90%; margin: 0 auto; margin-top: 15px }
.pro-det { overflow: hidden }
.pro-det .box { width: 48%; margin-right: 2%; float: left }
.profile-about { overflow: hidden }
.profile-about .img { width: 35%; float: left }
.profile-about .txt { width: 60%; float: right }
.profile-visioin .visioin-txt { line-height: 28px }
.profile-visioin .visioin-list { margin-top: 25px; overflow: hidden }
.profile-visioin .visioin-list .box { width: 31%; margin: 0 1%; float: left }
.profile-about .img { width: 50% }
.profile-about .txt { width: 48% }
.profile-video { margin-top: 55px }
.profile-visioin { margin-top: 50px }
.profile-visioin .visioin-txt { margin-top: 45px }
.profile-visioin .visioin-list { margin-top: 20px }
.profile-tit { padding-bottom: 15px }
.profile-tit h2 { font-size: 30px }
.profile-tit p { font-size: 16px }
.contact-txt { min-height: 142px; padding-left: 180px; background-size: 152px; overflow: hidden }
.contact-txt h2 { margin-top: 20px; margin-bottom: 23px }
.contact-txt p { margin-bottom: 0 }
.pager p a { max-width: 90%; }
.page-team-list .box .con { padding-right: 3px; }
.page-team-list .box .con .text { height: 100px; }
.fixed { display: none; }
.fixWechat { display: block; }
}
@media screen and (min-width:992px) {
a:hover { text-decoration: none }
.top-wrapper { height: 110px; margin: 0 auto; left: 0; right: 0; }
.top-wrapper .slogan { display: none; margin-top: 18px; margin-left: 30px; padding: 0; height: 66px }
.top-wrapper .tel { min-height: 51px; margin-top: 30px; padding-left: 70px; background-size: 50px }
.top-wrapper .tel p { font-size: 18px }
.logo { width: 782px; margin-top: 8px!important; }
.logo h1 { width: 100%; height: 97px; padding: 0 }
#nav-menu { border-top: 0; background: #000; top: 110px; box-shadow: none; }
#nav-menu ul { width: 970px; margin: 0 auto; float: none }
#nav-menu ul li a { padding: 15px 35px; color: #fff; font-size: 18px }
#nav-menu ul li a:hover { background: 0 0 }
#nav-menu ul li { position: relative }
#nav-menu ul li .sec-menu { width: 100%; position: absolute; z-index: 2;/* margin-top: 1px; */ padding: 5px 0; background: rgba(0,0,0,.7); }
#nav-menu ul li .sec-menu li { line-height: 36px; text-align: center }
#nav-menu ul li .sec-menu li a { font-size: 16px; padding: 0 }
#nav-menu ul li:hover .sec-menu { display: block }
#banner .carousel-indicators li { width: 12px; height: 12px }
#banner, .page-banner { margin-top: 160px; }
.about-wrapper { margin-top: 40px }
.about-wrapper .btns { width: 324px }
.about-wrapper .btns a { position: relative }
.about-wrapper .btns a span { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.4); opacity: 0; transition: opacity .4s linear }
.about-wrapper .btns a:hover span { opacity: 1 }
.tit01 h2 { width: 168px; padding-bottom: 50px; font-size: 32px; background: url(../images/about-tit.png) no-repeat left bottom }
.tit01 a { margin-top: 40px; padding-left: 65px; font-size: 18px; background: url(../images/more1.jpg) no-repeat center left }
.about-wrapper .about-l .txt { color: #222 }
.about-wrapper .about-l .txt p { line-height: 28px }
.about-wrapper .img { margin-top: 0; padding-top: 25px }
.about-wrapper { padding-bottom: 120px; background: url(../images/about-bg.jpg) no-repeat center bottom }
.tit02 h2 { margin-bottom: 15px; font-size: 30px; font-weight: 400 }
.tit02 p { font-size: 16px }
.product-wrapper { margin-top: 50px }
.product-wrapper .product-list { margin-top: 58px }
.product-wrapper .more02 { margin-top: 40px }
.product-wrapper .more02 a { background-size: auto }
.product-wrapper .product-list .box { overflow: hidden }
.product-wrapper .product-list .box .con { margin-bottom: -80px; transition: margin .4s ease-in }
.product-wrapper .product-list .box:hover .con { margin-bottom: 0 }
.case-wrapper { margin-top: 67px }
.case-wrapper .case { margin-top: 20px }
.case-wrapper .case .tab-tit .box { padding: 12px 20px }
.case-wrapper .case .tab-content .item { margin-top: 20px }
.case-wrapper .case .case-r { width: 23% }
.case-wrapper .case .case-r .box a { position: relative; display: block }
.case-wrapper .case .case-r .box a .icon { position: absolute; top: 0; left: 0; right: 0; height: 0; padding-top: 63.068%; background: url(../images/case-icon.png) no-repeat center; background-size: cover }
.case-wrapper .case .case-r .box a:hover .icon { display: block }
.case-wrapper .case .case-l .swiper-slide .con { height: 76px; overflow: hidden; position: relative }
.case-wrapper .case .case-l .swiper-slide .con .tit, .case-wrapper .case .case-l .swiper-slide .con .txt { width: 80% }
.case-wrapper .case .case-l .swiper-slide .con .tit a:hover { color: #c80909 }
.case-wrapper .case .case-l .swiper-slide .con .btns { width: 118px; margin-top: 0; position: absolute; top: 0; right: 0 }
.case-wrapper .case .case-l .swiper-slide .con .btns a { width: 100%; margin-right: 0; margin-bottom: 10px }
.case-wrapper .case .case-l .swiper-slide .con .btns a:hover { background: #c80909; color: #fff }
.footer-guide { margin-top: 65px }
.footer-guide .box .top-tit h2 { font-size: 22px }
.footer-guide .box .top-tit span { font-size: 20px }
.footer-guide .box .con a { position: relative; display: block }
.footer-guide .box .con .tit h2 { font-size: 18px }
.footer-guide .box .con .det { position: absolute; left: 0; right: 0; top: 0; padding-top: 87.465%; height: 0; margin-top: 0; background: rgba(30,130,181,.8) }
.footer-guide .box .con .det .txt { position: absolute; top: 0; left: 0; right: 0; bottom: 0; color: #fff; align-items: center; display: flex; flex-direction: column; justify-content: center; font-size: 24px; text-align: center; font-weight: 700 }
.footer-guide .box:hover .tit h2 { color: #1e82b5 }
.footer-guide .box:hover .det { display: block }
.footer-wrapper { margin-top: 50px; padding-top: 20px; }
.footer-wrapper .footer { padding-bottom: 10px; }
.footer-wrapper .copyright { overflow: hidden }
.footer-wrapper .copyright .copy-l { float: left }
.footer-wrapper .copyright .copy-r { float: right }
.footer-wrapper .f-contact .txt { margin-top: 18px; overflow: hidden; }
.page-case-list dl { padding: 15px }
.page-case-list dd .tit { margin-bottom: 10px; font-size: 18px }
.page-case-list dd .tit a:hover { color: #c80909 }
.page-case-list dd .txt { margin-bottom: 10px }
.page-case-list dd .more a:hover { background: #000 }
.news-fir .tit h2 { font-size: 18px }
.news-fir { margin-bottom: 20px; padding-left: 90px }
.news-fir .headline { width: 60px; line-height: 30px; margin-left: 22px; padding: 0; text-align: center; font-size: 18px }
.news-fir .tit { margin-bottom: 10px }
.news-fir .tit h2 { line-height: 30px }
.news-fir .txt { line-height: 25px; height: 75px }
.page-news-list dd .tit a:hover { color: #c80909 }
.page-news-list dd .more a:hover { background: #000 }
.page-news-list dt a { overflow: hidden }
.page-news-list dt a img { transition: transform .6s linear }
.page-news-list dt a:hover img { transform: scale(1.1) }
.page-honor-list .box .img { overflow: hidden }
.page-honor-list .box .img img { transition: transform .6s linear }
.page-honor-list .box:hover .img img { transform: scale(1.1) }
.page-product-list .box .img { overflow: hidden }
.page-product-list .box .img img { transition: transform .6s linear }
.page-product-list .box .img:hover img { transform: scale(1.1) }
.page-product-list .box .con { margin-top: 19px }
.page-product-list .box .btns { margin-top: 20px }
.page-product-list .box .btns a { line-height: 36px }
.page-video-list { margin-left: -30px }
.page-video-list .box { width: 380px; margin-left: 30px; margin-right: 0; margin-bottom: 30px }
.page-video-list .box a { padding: 12px 16px }
.page-video-list .box a:hover .img img { transform: scale(1.1) }
.page-video-list .box .img { overflow: hidden }
.page-video-list .box .img img { transition: transform .6s linear }
.text-title { padding-bottom: 15px }
.text-title h1 { margin-bottom: 10px }
.detail-box p { line-height: 25px; margin-bottom: 25px }
.pro-img .swiper-button-next, .pro-img .swiper-button-prev { bottom: 6px }
.pro-det { margin-top: 26px }
.pro-det .box { margin-bottom: 15px }
.tech-wrapper.container.tech01 { padding-top: 300px; background: url(../images/tech1.jpg) no-repeat center bottom; background-size: contain; overflow: hidden }
.tech-wrapper.container.tech01 .box { width: 33.33%; padding: 30px 15px; float: left }
.tech-wrapper.container.tech01 .box01 { background: rgba(215,10,29,.8) }
.tech-wrapper.container.tech01 .box02 { background: rgba(220,99,42,.8) }
.tech-wrapper.container.tech01 .box03 { background: rgba(209,135,27,.8) }
.side-menu .menu-list .thd-menu { text-align: center!important }
.pager p a:hover { color: #c80909; }
.page-team-list .box .con p { /* height: 140px; */ font-size: 14px; }
.page-team-list .box .con h2 { margin-top: 20px; margin-bottom: 8px; }
.page-team-list .box .con { padding-right: 0; width: 58%; }
.page-team-list .box .con .text { padding-right: 5px; height: 180px; }
.page-team-list .box .con .text p { font-size: 12px; }
.page-team-list .box .img { width: 40%; padding-top: 53.55%; float: left; }
.footer-wrapper .f-contact .txt p { width: 50%; padding-right: 15px; float: left; }
}
@media screen and (min-width:1200px) {
.container { width: 1200px; padding: 0 }
.top-wrapper .slogan { display: none; margin-left: 80px }
.top-wrapper .tel p { font-size: 28px; line-height: 26px }
.logo { width: 822px; }
#nav-menu ul { width: 1200px }
#nav-menu ul li a { padding: 15px 51px }
.about-wrapper .about-l .txt { margin-top: 25px }
.about-wrapper .btns a { margin-bottom: 17px }
.product-wrapper .product-list { margin-left: -24px }
.product-wrapper .product-list .box { width: 384px; height: 242px; margin-right: 0; margin-left: 24px; margin-bottom: 20px }
.product-wrapper .product-list .box .con { height: 166px; margin-bottom: -166px; padding: 27px; transition: margin .6s ease-in }
.product-wrapper .product-list .box .con h2 { font-size: 36px; margin-bottom: 20px; padding-bottom: 22px }
.product-wrapper .product-list .box .con p { line-height: 20px; height: 40px; white-space: normal; overflow: hidden }
.product-wrapper .product-list .box.box01, .product-wrapper .product-list .box.box02 { width: 585px; height: 369px }
.case-wrapper .case .tab-tit { text-align: left; overflow: hidden; background: url(../images/case-tit.jpg) no-repeat center }
.case-wrapper .case .tab-tit .box { width: 261px; height: 80px; margin-right: 45px; cursor: pointer }
.case-wrapper .case .tab-tit .box h2 { font-size: 24px }
.case-wrapper .case .tab-tit .box p { font-size: 16px }
.case-wrapper .case .tab-tit .box.active { background: url(../images/caseActive.jpg) no-repeat center }
.case-wrapper .case .case-l { width: 880px }
.case-wrapper .case .case-l .swiper-slide .img a { padding-top: 555px }
.case-wrapper .case .case-l .swiper-slide .con { margin-top: 15px }
.case-wrapper .case .case-l .swiper-slide .con .tit, .case-wrapper .case .case-l .swiper-slide .con .txt { width: 685px }
.case-wrapper .case .case-r { width: 289px }
.case-wrapper .case .case-r .box { margin-bottom: 3px }
.case-wrapper .case .case-r .box:hover .tit { color: #c80909 }
.case-wrapper { background: url(../images/case-bg.png) no-repeat center bottom }
.footer-guide .box { width: 360px; margin-right: 0; margin-left: 60px }
.footer-guide .box .con { margin-top: 40px }
.footer-guide .box01 { margin-left: 0 }
.footer-wrapper .footer .f-message { width: 420px; padding-right: 60px; border-right: 1px solid #393939 }
.footer-wrapper .footer .f-message .message-form .form-group.code { font-size: 0 }
.footer-wrapper .footer .f-message .message-form .form-group.code input { font-size: 14px }
.footer-wrapper .footer .f-message .message-form .form-group.code input[type=text] { margin-right: 5px }
.footer-wrapper .footer .f-message .message-form .form-group.code input[type=submit] { float: right }
.footer-wrapper .footer .f-contact { width: 840px; margin: 0 auto;/* float: left; *//* margin-left: 65px; */ }
.footer-wrapper .f-contact .txt {/* margin-top: 50px */ display: flex; flex-wrap: wrap; justify-content: space-around; }
.footer-wrapper .f-contact .txt p {/* margin-bottom: 20px; *//* padding-left: 28px; */ }
.about-wrapper .img img { max-width: 100%; width: auto }
.page-banner { height: 420px; background-size: auto!important }
.main-tit { margin-top: -54px; line-height: 54px; display: block; background: rgba(0,0,0,.5); overflow: hidden; color: #fff }
.main-tit .main-menu { margin-top: 0; float: left; font-size: 16px }
.main-tit .main-menu a { padding: 0 10px; border: 0; color: #fff }
.main-tit .crumbs { padding-left: 28px; float: right; background: url(../images/home.png) no-repeat center left }
.main-tit .crumbs a { color: #fff }
.main { margin-top: 32px }
.page-case-list { margin-left: -24px }
.page-case-list dl { padding: 20px 16px; margin-bottom: 30px; margin-right: 0; margin-left: 24px }
.page-case-list dt { width: 317px; height: 200px; margin-right: 30px }
.page-case-list dd { padding-top: 17px }
.page-case-list dd .more, .page-case-list dd .txt { font-size: 14px }
.page-case-list dd .tit { margin-bottom: 15px }
.page-case-list dd .txt { line-height: 25px; height: 50px; margin-bottom: 45px; color: #666 }
.page-case-list dd .more a { width: 97px; line-height: 31px; padding: 0 }
.page-team-list .box:hover .img img { transform: scale(1.1) }
.page-team-list .box .img { width: 227px; height: 304px; padding-top: 0; overflow: hidden; }
.page-team-list .box .img img { transition: transform .6s linear }
.page-team-list { margin-left: -50px }
.page-team-list .box { width: 574px; margin-left: 50px; margin-bottom: 44px; margin-right: 0 }
.page-team-list .box .con { padding: 0 16px }
.page-team-list .box .con h2 { margin-top: 22px; margin-bottom: 15px; font-size: 18px; }
.page-team-list .box .con .text { height: 230px; }
.page-team-list .box .con .text p { line-height: 25px;/* height: 230px; */ font-size: 14px; }
.page-news-list dl { padding-right: 33px }
.page-news-list dd .txt { line-height: 25px; height: 50px }
.page-honor-list .box .tit h2 { line-height: 36px }
.page-honor-list .box { margin-bottom: 15px }
.main-tit .crumbs { display: block }
.side { width: 200px; float: left }
.side-tit { padding-bottom: 12px; display: block; background: #c80909; color: #fff; overflow: hidden }
.side-tit h2 { margin-top: 18px; margin-bottom: 5px; padding-left: 35px; font-size: 28px; font-weight: 700; background: url(../images/side-tit.png) no-repeat 6px center }
.side-tit span { padding-left: 5px; font-size: 16px; font-weight: 700; text-transform: uppercase }
.side-menu .menu-list li { margin: 0; line-height: 45px; display: block; float: none; padding: 0; border: 0; border-radius: 0; background: url(../images/side-menu.png) no-repeat center; }
.side-menu .menu-list li a { padding-left: 32px; font-size: 16px }
.side-menu .menu-list li.active, .side-menu .menu-list li:hover { background: url(../images/side-menu.png) no-repeat center top }
.side-menu .menu-list li.active a, .side-menu .menu-list li:hover a { color: #c80909 }
.main-r { width: 970px; margin-top: 0; float: right }
.page-product-list { margin-left: -16px }
.page-product-list .box { width: 312px; margin-left: 16px; margin-right: 0 }
.profile-about .img { width: 607px }
.profile-about .txt { width: 580px; margin-top: 30px }
.profile-visioin .visioin-list { margin-left: -49px; padding-bottom: 10px }
.profile-visioin .visioin-list .box { width: 366px; height: 524px; margin-right: 0; margin-left: 49px; background-size: 366px }
.profile-visioin .visioin-list .box .txt { padding: 0 20px }
.tech-wrapper.container.tech01 { padding-top: 352px; background-size: auto 526px }
.tech-wrapper.container.tech01 .box { margin-bottom: 0; padding: 40px }
.tech-wrapper.container.tech01 .box .txt { line-height: 24px }
.tech-wrapper.tech01 .box .tit { padding-bottom: 17px }
.tech-wrapper.tech02, .tech-wrapper.tech03 { margin-top: 40px }
.contact-txt { margin-left: 180px }
.contact-det { margin-top: 50px; overflow: hidden }
.contact-det .det-l { width: 450px; margin-top: 40px; float: left }
.contact-det .det-l .tit h2 { margin-bottom: 0; font-size: 26px; font-weight: 400 }
.contact-det .det-l .tit p { margin-bottom: 0 }
.contact-det .map { width: 700px; margin-top: 0; float: right }
.contact-det .det-l .txt p { padding: 24px 0; padding-left: 60px; background-size: auto }
.contact-det .det-l .txt .item05 { padding-top: 15px; padding-bottom: 15px }
.side-menu .menu-list { display: block }
.side-menu .menu-list li { width: 100% }
.side-menu .menu-list li .thd-menu { width: 100%!important; margin-left: 0!important; padding: 0; background: 0 0; position: relative; border-bottom: 0; margin-top: 5px }
.side-menu .menu-list li .thd-menu li { border: 0; background: #c8c8c8; line-height: 36px; }
.side-menu .menu-list li .thd-menu li a { text-align: left; font-size: 14px; color: #FFFFFF; }
.side-menu .menu-list .thd-menu li.on a { color: #FFFFFF; }
.side-menu .menu-list li.active .thd-menu { display: block; }
.side-menu .menu-list>li.arrow:after { top: 17px; bottom: auto }
.side-menu .menu-list li.active>a { background: url(../images/side-menu.png) no-repeat center top #f2f2f2 }
.side-menu .menu-list li { margin-bottom: 5px }
.side-menu .menu-list li a { padding: 0; padding-left: 32px }
.side-menu .menu-list li .toggle { bottom: auto!important }
.side-menu .menu-list li .toggle:hover { cursor: pointer }
.pager { overflow: hidden; }
.pager p.prev { width: 48%; float: left; }
.pager p a { max-width: 87%; }
.pager p.next { max-width: 48%; width: auto; float: right; }
.footer-wrapper .copyright .container { width: 840px; }
}