@charset "UTF-8";
.inline-block { display: inline-block; *display: inline;
*zoom: 1;
}
.footer-wrapper .footer-r .btns .btn04 .qr-code img { width: 100%; height: 100%; display: block; }
.solution-list dt a, .news-service-case .box .img, .customer-list li a, .side-case .case-list li a, .page-case-list dt a, .page-news-list dt a, .about-history .history .swiper-slide .img p { height: 0; padding-top: 100%; position: relative; display: block; }
.solution-list dt a img, .news-service-case .box .img img, .customer-list li a img, .side-case .case-list li a img, .page-case-list dt a img, .page-news-list dt a img, .about-history .history .swiper-slide .img p img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.solution-list dd .tit, .news-list li span, .side-case .case-list li span, .page-case-list dd .tit { max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; }
@font-face { font-family: 'RB'; src: local("Roboto-Bold"), url("../fonts/Roboto-Bold.woff2"), url("../fonts/Roboto-Bold.woff"), url("../fonts/Roboto-Bold.ttf"); }
@font-face { font-family: 'RL'; src: local("Roboto-Light"), url("../fonts/Roboto-Light.woff2"), url("../fonts/Roboto-Light.woff"), url("../fonts/Roboto-Light.ttf"); }
@font-face { font-family: 'RR'; src: local("Roboto-Regular"), url("../fonts/Roboto-Regular.woff2"), url("../fonts/Roboto-Regular.woff"), url("../fonts/Roboto-Regular.ttf"); }
@font-face { font-family: 'RM'; src: local("Roboto-Medium"), url("../fonts/Roboto-Medium.woff2"), url("../fonts/Roboto-Medium.woff"), url("../fonts/Roboto-Medium.ttf"); }
body, a { font-family: 'RL'; }
h1, h2, h3, p, ul { margin: 0; padding: 0; }
.top-wrap { margin-bottom: 0; border: 0; background: none; }
.logo button { margin-right: 0; }
.logo h1 { width: 72%; padding: 5px 0; }
.logo h1 img { max-height: 100%; }
.nav-menu { padding-bottom: 10px; }
.nav-menu .nav li.active a { color: #0e4194; }
.top-search .form-group { width: 156px; position: relative; }
.top-search .sea-txt { width: 100%; height: 28px; padding-right: 28px; border: 0; border-bottom: 1px solid #c3c3c3; }
.top-search .sub-btn { width: 21px; height: 22px; position: absolute; right: 0; top: 0; background: url(../images/search.jpg) no-repeat center; border: 0; }
.language a { width: 32px; line-height: 30px; display: inline-block; text-align: center; text-transform: uppercase; color: #666666; border: 1px solid #999999; }
.language a.active { background: #063e86; color: #FFFFFF; border-color: #063e86; }
#banner .carousel-caption { padding: 10px; position: static; text-shadow: none; background: #f0f0f0; overflow: hidden; text-align: left; }
#banner .carousel-caption .tit { padding: 5px 15px; font-weight: bold; background: #0e4194; color: #FFFFFF; float: left; font-size: 16px; }
#banner .carousel-caption .txt { max-height: 68px; padding: 15px 20px; padding-bottom: 5px; clear: both; background: #FFFFFF; color: #333333; font-size: 18px; font-family: "RB"; overflow: hidden; }
#banner .carousel-caption .more { padding: 0px 20px 20px 20px; background: #FFFFFF; overflow: hidden; }
#banner .carousel-caption .more a { padding-right: 46px; color: #0e4194; background: url(../images/more.png) no-repeat center right; float: left; }
#banner .carousel-indicators { width: 100%; margin-left: 0; margin-bottom: 0; padding: 10px 0; float: none; position: static; left: auto; background: #f0f0f0; }
#banner .carousel-indicators li { background: #FFFFFF; opacity: 1; }
#banner .carousel-indicators li.active { background: #0e4194; }
#banner .carousel-caption .txt span { font-size: 20px; display: block; line-height: 24px; color: #666; }
#banner .carousel-inner .item img { width: 100%; }
.solution-wrapper { padding-top: 25px; }
.solution-wrapper .tit01 { padding-bottom: 10px; text-align: center; border-bottom: 1px solid #cecbcb; background: url(../images/solution-tit.png) no-repeat center bottom; }
.solution-wrapper .tit01 h2 { font-family: "RB"; color: #063e86; }
.solution-list { margin-top: 20px; overflow: hidden; }
.solution-list dl { padding: 0 6px; }
.solution-list dt a { padding-top: 67.77%; }
.solution-list dd { margin-top: 8px; }
.solution-list dd .tit { font-family: 'RR'; font-size: 15px; }
.solution-list dd .tit a { color: #252525; }
.solution-list dd .txt { line-height: 16px; height: 32px; margin-top: 5px; overflow: hidden; }
.solution-list dd .more { margin-top: 5px; padding-top: 5px; border-top: 1px solid #e5e5e5; }
.solution-list dd .more a { display: block; background: url(../images/more.png) no-repeat center right; }
.page-solution-list { margin-top: 0; }
.page-solution-list dd { margin-top: 0; padding: 8px 8px; border: 1px solid #cdcdcd; border-top: 0; }
.about-wrapper01 { padding: 0; background: url(../images/about-bg.jpg) no-repeat center; background-size: cover; }
.about-wrapper01 .con { padding: 20px 10px; background: rgba(35, 57, 115, 0.43); color: #FFFFFF; }
.about-wrapper01 .con .tit { max-height: 36px; margin-bottom: 10px; font-size: 18px; font-family: 'RB'; overflow: hidden; }
.about-wrapper01 .con .txt { max-height: 80px; margin-bottom: 10px; overflow: hidden; }
.about-wrapper01 .con .more { padding: 10px 0; }
.about-wrapper01 .con .more a { padding: 10px 40px; border: 1px solid #FFFFFF; color: #FFFFFF; background: url(../images/more2.png) no-repeat 90% center; }
.about-wrapper02 { margin-top: 25px; }
.about-wrapper02 .box { margin-bottom: 30px; padding: 0; }
.about-wrapper02 .box .tit { font-size: 18px; font-family: 'RB'; }
.about-wrapper02 .box .txt { max-height: 60px; margin-top: 10px; color: #464646; overflow: hidden; }
.about-wrapper02 .box .more { margin-top: 10px; }
.about-wrapper02 .box .more a { padding-right: 34px; color: #0e4194; background: url(../images/more3.png) no-repeat center right; }
.news-service-case { padding: 15px; background: #f1f1f1; }
.news-service-case .container { padding: 0; }
.news-service-case .box { margin-bottom: 20px; padding: 0; padding-bottom: 20px; background: #FFFFFF; }
.news-service-case .box .img { padding-top: 80.645%; }
.news-service-case .box .more { padding-right: 15px; text-align: right; }
.news-service-case .box .more a { line-height: 33px; font-size: 16px; display: inline-block; padding-right: 58px; color: #0e4194; background: url(../images/more4.png) no-repeat 99% center; }
.news-service-case .box02 .txt { padding: 5px; max-height: 197px; overflow: hidden; }
.news-service-case .box02 .txt p { line-height: 18px; font-size: 16px; }
.news-list { padding: 15px; }
.news-list li { margin-bottom: 10px; padding-bottom: 15px; border-bottom: 1px solid #ebebeb; }
.news-list li span { display: block; font-weight: bold; }
.news-list li a { height: 40px; line-height: 20px; margin-top: 5px; color: #666; font-size: 16px; display: block; overflow: hidden; }
.customer-wrapper { margin-top: 25px; padding: 15px; padding-bottom: 0; }
.customer-wrapper .tit01 { border-bottom: 1px solid #e0e0e0; }
.customer-wrapper .tit01 h2 { padding-bottom: 10px; background: url(../images/custom-tit.png) no-repeat left bottom; }
.customer-list { margin-top: 15px; display: flex; flex-wrap: wrap; justify-content: space-between; }
.customer-list li { width: 48%; margin-bottom: 10px; border-right: 1px solid #ecebeb; }
.customer-list li a { padding-top: 26.56%; }
.customer-list li:nth-child(2n) { border-right: 0; }
.footer-wrapper { margin-top: 25px; padding-top: 20px; background: #333333; }
.footer-wrapper .footer { padding-bottom: 20px; }
.footer-wrapper .f-nav { display: flex; flex-wrap: wrap; }
.footer-wrapper .f-nav dl { margin-right: 10px; }
.footer-wrapper .f-nav dl a { text-decoration: none; }
.footer-wrapper .f-nav dt { padding-bottom: 5px; border-bottom: 1px solid #666666; }
.footer-wrapper .f-nav dt a { color: #ffffff; font-size: 16px; }
.footer-wrapper .f-nav dd { margin-top: 10px; }
.footer-wrapper .f-nav dd a { color: #999999; display: block; }
.footer-wrapper .f-nav dd a:hover { color: #26a4d3; }
.footer-wrapper .footer-r .txt h2 { font-size: 18px; margin-bottom: 10px; font-family: 'RM'; color: #FFFFFF; }
.footer-wrapper .footer-r .txt p { color: #999999; }
.footer-wrapper .footer-r .row { margin: 0; margin-top: 15px; }
.footer-wrapper .footer-r .tel { color: #ffffff; }
.footer-wrapper .footer-r .wechat { margin-top: 15px; text-align: center; }
.footer-wrapper .footer-r .wechat p img { width: 200px; height: 200px; }
.footer-wrapper .footer-r .btns { margin-top: 15px; }
.footer-wrapper .footer-r .btns a { margin: 0 8px; display: inline-block; }
.footer-wrapper .footer-r .btns .btn04 { position: relative; }
.footer-wrapper .footer-r .btns .btn04 .qr-code { width: 100px; height: 100px; position: absolute; bottom: 110%; right: 0; display: none; }
.footer-wrapper .footer-r .btns .btn04:hover .qr-code { display: block; }
.copyright { color: #ffffff; padding: 10px 0; background: #2a2a2a; }
.page-banner { height: 100px; position: relative; }
.page-banner span { color: #FFFFFF; font-size: 30px; font-weight: bold; position: absolute; top: 0; bottom: 0; margin: auto; height: 40px; margin-left: 25px; text-shadow: 2px 2px 2px #666666; }
.main-menu { padding: 0 15px; padding-top: 4px; background: #0e4194; position: relative; }
.main-menu .menu-list { display: flex; flex-wrap: wrap; }
.main-menu .menu-list li { margin-bottom: 3px; }
.main-menu .menu-list li a { padding: 3px 8px; color: #FFFFFF; font-family: 'RM'; display: inline-block; }
.main-menu .menu-list li .sec-menu { padding-top: 3px; background: #f7f7f7; display: none; overflow: hidden; }
.main-menu .menu-list li .sec-menu li { float: left; }
.main-menu .menu-list li .sec-menu li a { padding: 0 8px; font-family: "RL"; }
.main-menu .menu-list li .sec-menu li.on a { color: #0e4194; }
.main-menu .menu-list li.active a { background: #f7f7f7; color: #252525; }
.main-menu .menu-list li.active .sec-menu { display: block; }
.crumbs { margin-top: 15px; padding: 0 15px; padding-bottom: 10px; border-bottom: 1px solid #cccccc; text-align: right; }
.crumbs .container { padding: 0; }
.crumbs a { color: #666666; }
.crumbs a:last-child, .crumbs a:hover { color: #ee6e00; }
.main { margin-top: 20px; }
.side { padding: 15px; background: #f0f0f0; }
.side-search .tit h2 { font-size: 18px; font-family: 'RR'; text-transform: uppercase; }
.side-search .search-form { margin-top: 5px; }
.side-search .search-form .form-group { position: relative; }
.side-search .search-form .form-group input { border: 0; }
.side-search .search-form .form-group .sea-txt { width: 100%; height: 42px; padding-left: 9px; padding-right: 35px; background: rgba(14, 65, 148, 0.71); color: #ffffff; font-family: 'RL'; }
.side-search .search-form .form-group .sea-txt::-webkit-input-placeholder {
color: #ffffff;
}
.side-search .search-form .form-group .sub-btn { width: 17px; height: 17px; background: url(../images/search2.png) no-repeat center; position: absolute; right: 12px; top: 0; bottom: 0; margin: auto; }
.side .news-count { color: #0e4194; font-family: 'RR'; }
.side-case .tit h2 { font-size: 18px; font-family: 'RR'; text-transform: uppercase; color: #0e4194; }
.side-case .case-list { margin-top: 15px; }
.side-case .case-list li { margin-bottom: 40px; }
.side-case .case-list li a { padding-top: 67.63%; }
.side-case .case-list li span { margin-top: 5px; text-align: center; font-family: 'RR'; color: #000000; font-size: 16px; }
.page-case-list { padding: 0 15px; }
.page-case-list dl { background: #f7f7f7; overflow: hidden; }
.page-case-list dt { width: 30%; margin-right: 10px; float: left; }
.page-case-list dt a { padding-top: 67.8%; }
.page-case-list dd { padding-top: 5px; overflow: hidden; }
.page-case-list dd .tit { margin-bottom: 5px; padding-right: 5px; font-size: 14px; }
.page-case-list dd .tit a { color: #252525; font-family: 'RM'; font-style: italic; }
.page-case-list dd .txt { line-height: 18px; height: 36px; color: #464646; overflow: hidden; }
.page-news-list { padding: 0 15px; }
.page-news-list dl { overflow: hidden; }
.page-news-list dt { width: 30%; margin-right: 10px; float: left; }
.page-news-list dt a { padding-top: 67.33%; }
.page-news-list dd { overflow: hidden; }
.page-news-list dd p { color: #7d7d7d; }
.page-news-list dd h2 { line-height: 18px; height: 36px; margin-top: 5px; font-family: 'RR'; font-size: 16px; }
.page-news-list dd h2 a { color: #000000; }
.content { padding: 0 15px; }
.text-title { padding-bottom: 15px; border-bottom: 1px solid #cdcdcd; }
.text-title h1 { margin-bottom: 5px; font-size: 16px; font-family: 'RM'; color: #0e4194; }
.text-title p { color: #7d7d7d; }
.detail-box { margin-top: 20px; margin-bottom: 30px; overflow: hidden; }
.detail-box p img, .detail-box .simg img { max-width: 100% !important; height: auto !important; }
.detail-box p { margin-bottom: 15px; color: #464646; }
.side-news h2 { font-size: 18px; font-family: 'RR'; text-transform: uppercase; }
.side-news .news-list { padding-top: 5px; padding-left: 0; padding-right: 0; }
.side-news .news-list li { padding-bottom: 15px; border-bottom: 1px solid #cdcdcd; }
.side-news .news-list a { line-height: 18px; max-height: 36px; height: auto; overflow: hidden; }
.side-news .news-list span { margin-top: 5px; color: #7d7d7d; font-weight: normal; }
.back-btn a { line-height: 36px; font-family: 'RR'; background: #0e4194; color: #ffffff; display: block; text-align: center; }
.about-txt { padding: 20px 10px; background: #f2f5f8; }
.about-txt .txt { margin-top: 15px; }
.about-tit { padding-bottom: 10px; text-align: center; background: url(../images/about-tit.png) no-repeat center bottom; }
.about-tit h2 { font-size: 18px; font-family: 'RM'; color: #0e4194; }
.about-mission { margin-top: 20px; }
.about-mission .img, .about-mission .txt { padding: 0; }
.about-mission .txt h2 { font-size: 18px; font-family: 'RM'; margin-bottom: 10px; }
.about-history { margin-top: 20px; position: relative; }
.about-history .history { width: 90%; margin: 0 auto; margin-top: 20px; }
.about-history .history .swiper-slide .img { width: 160px; margin: 0 auto; border: 4px solid #0e4194; border-radius: 50%; text-align: center; overflow: hidden; }
.about-history .history .swiper-slide .img p { width: 100%; height: 100%; margin-bottom: 0; padding-top: 100%; }
.about-history .history .swiper-slide .con { margin-top: 20px; }
.about-history .history .swiper-slide .con h2 { margin-bottom: 15px; text-align: center; font-family: 'RM'; color: #252525; font-size: 18px; }
.page-contact { margin: 0; padding: 0 15px; }
.page-contact .img, .page-contact .txt { padding: 0; }
.page-contact .img { overflow: hidden; }
.page-contact .img img { width: 100% }
.page-contact .txt h2 { margin-bottom: 20px; font-family: 'RM'; font-size: 18px; }
.page { clear: both; padding: 20px 0 40px; text-align: center; }
.page a { display: inline-block; margin-bottom: 5px; padding: 0px 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: #0e4194; color: white; text-decoration: none; }
.page a.a1 { padding: 0px 15px; line-height: 28px; margin-top: 0px; }
.page span { display: inline-block; padding: 0px 15px; line-height: 28px; background: #0e4194; border: 1px solid #0e4194; color: #fff; text-align: center; border-radius: 3px; }
.page .noPage { display: inline-block; padding: 0px 12px; height: 22px; line-height: 22px; border: 1px solid #e3e3e3; text-align: center; color: #a4a4a4; }
.search-body { padding: 40px 0; border-bottom: 1px solid #ddd; }
.s-model { margin-bottom: 25px; text-align: center; }
.s-model a { font-size: 14px; margin: 0 10px; }
.s-model .on { color: #016bda; font-weight: bold; }
.modules-search-form { padding-bottom: 20px; position: relative; width: 100%; max-width: 392px; margin: 0 auto; }
.modules-search-form input[type='text'] { border: 1px solid #ddd; border-radius: 4px; overflow: hidden; width: 100%;/* max-width: 375px; */ height: 34px; line-height: 24px; padding: 4px 15px; padding-right: 0; }
.modules-search-form input[type='submit'] { position: absolute; right: 0; top: 0; border: none; cursor: pointer; width: 60px; height: 34px; text-align: center; }
.jg { line-height: 40px; font-size: 14px; border-bottom: 1px solid #ddd; }
.jg span { color: #016bda; font-weight: bold; }
.sjg { line-height: 30px; font-size: 14px; }
.sjg span { color: #016bda; font-weight: bold; }
.sr-list { padding: 30px 0; }
.sr-list li { line-height: 38px; *line-height: 34px;
border-bottom: 1px dotted #ccc; }
.sr-list .date { color: #666; float: right; }
.sr-list a { display: block; position: relative; width: 80%; padding-left: 16px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sr-list a:before { content: ''; position: absolute; width: 4px; height: 4px; left: 5px; top: 17px; background: #016bda; }
 @media screen and (min-width: 414px) {
.page-case-list dd { padding-top: 13px; }
}
@media screen and (min-width: 768px) {
.header { position: relative; }
.top-search { height: 28px; width: 156px; float: right; position: absolute; right: 80px; top: 10px; }
.language { float: right; position: absolute; right: 0; top: 6px; }
.nav-menu { padding: 0; }
.nav-menu .nav li a { padding: 10px 28px; }
.news-service-case .box { padding: 0 15px; background: none; }
.news-service-case .box .more { padding-bottom: 20px; background: #FFFFFF; }
.news-list { background: #FFFFFF; }
.customer-list li { width: 31%; }
.customer-list li:nth-child(2n) { border-right: 1px solid #ecebeb; }
.footer-wrapper .f-nav { justify-content: space-between; }
.footer .footer-r .row .tel { width: 30%; float: left; }
.footer .footer-r .row .wechat { float: right; }
.footer .footer-r .row .btns { float: right; }
.page-solution-list dl { width: 33.33333333%; }
.page-case-list { overflow: hidden; margin-left: -2%; }
.page-case-list dl { width: 48%; margin-left: 2%; float: left; }
.page-news-list { padding: 20px 30px; }
.page-news-list dl { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #cdcdcd; }
.page-news-list dt { width: 273px; height: 183px; margin-right: 40px; }
.page-news-list dd { padding-top: 30px; }
.page-news-list dd p { font-size: 19px; }
.page-news-list dd h2 { line-height: 28px; height: 56px; font-size: 21px; }
.side-news .news-list { background: none; }
.side-case .case-list { overflow: hidden; }
.side-case .case-list li { width: 31.33%; margin: 0 1%; margin-bottom: 30px; float: left; }
.about-history .history .swiper-slide .img { width: 100%; }
.about-history .history .swiper-slide .img { height: 2px; margin-top: 115px; overflow: visible; transition: all .5s; position: relative; border: 0; }
.about-history .history .swiper-slide .img p { position: absolute; top: 50%; left: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; margin-bottom: 0; padding-top: 0; background-color: #fff; border: 4px solid #0e4194; border-radius: 50%; text-align: center; transition: all .5s; overflow: hidden; }
.about-history .history .swiper-slide .img p img { visibility: hidden; transition: all .5s; height: 100% !important; }
.about-history .history .swiper-slide .con { transition: all .5s; }
.about-history .history .swiper-slide.swiper-slide-active { margin-bottom: 80px; }
.about-history .history .swiper-slide.swiper-slide-active .img { margin-bottom: 106px; }
.about-history .history .swiper-slide.swiper-slide-active .img p { width: 100%; height: auto; padding-top: 100%; margin-left: -115px; margin-top: -115px; background-color: transparent; }
.about-history .history .swiper-slide.swiper-slide-active .img p img { visibility: visible; }
.about-history .history .swiper-slide.swiper-slide-active .con { margin-top: 150px; }
.about-txt { padding: 20px 30px; }
.about-mission .txt { padding-top: 40px; padding-left: 20px; }
.page-contact .txt { padding-left: 30px; padding-top: 20px; }
.news-service-case .box02 .txt { max-height: 197px; background: #ffffff; }
.news-service-case .box02 .more { padding-top: 7px; }
}
@media screen and (min-width: 992px) {
.header { height: 90px; }
.logo { width: 85px; height: 110px; margin: 17px; padding: 0; }
.logo h1 { width: 100%; height: 100%; padding: 0; }
.logo h1 img { width: 100%; height: 100%; }
.nav-menu { float: left; margin-top: 70px; margin-left: 50px; }
.nav-menu .nav li.active a { background: none; }
.nav-menu .nav li a { padding: 10px 27px; font-size: 19px; }
.nav-menu .nav li a:hover { color: #0e4194; }
.top-search { display: none; }
.language { top: 32px; }
#banner .carousel-inner .item .carousel-caption { width: 474px; height: 235px; position: absolute; background: url(../images/banner-bg.png) no-repeat center; top: 0; bottom: 0; margin: auto; right: 5%; left: auto; }
#banner .carousel-indicators { position: absolute; background: none; }
#banner .carousel-indicators li { border: 0; }
#banner .carousel-caption { padding: 0; overflow: visible; }
#banner .carousel-caption .tit { margin-top: -25px; margin-left: 46px; padding: 11px 26px; font-family: 'Roboto-Medium'; font-size: 21px; font-weight: normal; }
#banner .carousel-caption .txt { height: 108px; line-height: 36px; max-height: none; padding: 0 160px 0 65px; margin-top: 45px; font-size: 27px; font-family: 'Roboto-Medium'; }
#banner .carousel-caption .more { margin-top: 15px; padding-left: 65px; font-size: 15px; }
#banner .carousel-caption .more a { color: #0f458a; }
#banner .carousel-caption .txt, #banner .carousel-caption .more { background: none; }
#banner .carousel-caption .txt span { margin-top: 9px; }
.solution-wrapper { padding: 65px 0; background: #f1f1f1; }
.solution-wrapper .tit01 { padding-bottom: 15px; }
.solution-wrapper .tit01 h2 { font-size: 35px; }
.solution-list { margin-left: 0; margin-right: 0; margin-top: 32px; }
.solution-list dl { margin-bottom: 0; }
.solution-list dd { padding: 24px; }
.solution-list dd .tit { margin-bottom: 10px; }
.solution-list dd .tit a { font-family: 'Roboto-Medium'; }
.solution-list dd .txt { font-size: 19px; }
.solution-list dd .more { margin-top: 30px; padding-top: 20px; }
.solution-list dd .more a { font-size: 15px; }
.solution-list dd { margin-top: 0; padding: 8px 10px; background: #FFFFFF; }
.solution-list dd .tit { font-size: 21px; }
.solution-list dd .tit a:hover { color: #0e4194; text-decoration: none; }
.solution-list dd .txt { height: 20px; line-height: 20px; color: #666666; font-size: 14px; }
.page-solution-list dl { margin-bottom: 40px; }
.container { padding: 0; }
.about-wrapper01 .con { padding: 50px 50px 50px 72px; }
.about-wrapper01 .con .tit { line-height: 54px; font-size: 44px; max-height: none; font-family: "Roboto-Medium"; }
.about-wrapper01 .con .txt { line-height: 28px; max-height: none; margin-top: 40px; font-size: 21px; }
.about-wrapper01 .con .more { margin-top: 100px; }
.about-wrapper01 .con .more a { width: 203px; line-height: 46px; padding: 0; padding-left: 44px; font-size: 15px; display: block; background-position: 154px center; }
.about-wrapper02 { margin-top: 60px; }
.about-wrapper02 .box { padding-right: 15px; }
.about-wrapper02 .box .tit { font-size: 27px; font-family: 'Roboto-Medium'; }
.about-wrapper02 .box .txt { line-height: 24px; max-height: 96px; height: 96px; margin-top: 30px; font-size: 14px; color: #666; }
.about-wrapper02 .box .more { margin-top: 26px; font-size: 15px; }
.news-service-case { padding-bottom: 70px; background: url(../images/news-bg.png) repeat-x bottom center #FFFFFF; background-size: 100% 70%; }
.news-service-case .box { margin-bottom: 0; padding-left: 0; }
.news-service-case .box .more a { font-size: 19px; }
.news-list li span { font-family: 'Roboto-Medium'; font-size: 15px; }
.news-list li a { font-size: 14px; }
.news-list li a:hover { color: #0e4194; text-decoration: none; }
.customer-wrapper { width: 1200px; margin: 0 auto; padding: 0; padding-top: 68px; }
.customer-wrapper .tit01 { font-size: 35px; font-family: 'Roboto-Medium'; }
.customer-list { margin-top: 30px; }
.customer-list li { width: 16.66%; }
.footer-wrapper { margin-top: 70px; padding-top: 50px; }
.footer-wrapper .footer { overflow: hidden; }
.footer-wrapper .f-nav { width: 54%; float: left; overflow: hidden; }
.footer-wrapper .f-nav dl { margin-right: 5%; float: left; }
.footer-wrapper .f-nav dt { padding-right: 74px; padding-bottom: 10px; font-weight: normal; }
.footer-wrapper .f-nav dt a { font-size: 19px; }
.footer-wrapper .f-nav dd { margin-top: 15px; }
.footer-wrapper .f-nav dd a { line-height: 28px; }
.footer-wrapper .footer-r { overflow: hidden; }
.footer-wrapper .footer-r .txt h2 { font-size: 23px; margin-bottom: 25px; }
.footer .footer-r .row .tel { width: 40%; }
.footer .footer-r .row .tel p { line-height: 28px; }
.footer .footer-r .row .tel p img { vertical-align: baseline; }
.footer .footer-r .row .wechat { width: 40%; }
.footer .footer-r .row .wechat p img { width: 65%; height: 65%; vertical-align: baseline; }
.copyright { padding: 15px 0; }
.copyright .container { overflow: hidden; }
.copyright .copy-l { float: left; }
.copyright .copy-r { float: right; }
.solution-list dt a, .news-service-case .box .img, .customer-list li a, .page-case-list dt a, .page-news-list dt a { overflow: hidden; }
.solution-list dt a img, .news-service-case .box .img img, .customer-list li a img, .page-case-list dt a img, .page-news-list dt a img { transition: transform linear .3s; }
.solution-list dt a img:hover, .news-service-case .box .img img:hover, .customer-list li a img:hover, .page-case-list dt a img:hover, .page-news-list dt a img:hover { transform: scale(1.1); }
.footer-wrapper .footer-r .btns a { transition: transform linear .5s; }
.footer-wrapper .footer-r .btns a:hover { transform: rotate(360deg); }
.footer-wrapper .footer-r .btns a:hover.btn04 { transform: none; }
.page-banner { height: 412px; }
.page-banner span { width: 1200px; height: 100px; margin-left: 0; left: 0; right: 0; margin: auto; font-size: 73px; font-family: 'RM'; font-weight: normal; }
.main-menu { padding: 0; padding-top: 4px; }
.main-menu .menu-list { width: 1200px; margin: 0 auto; }
.main-menu .menu-list li { margin-bottom: 0; }
.main-menu .menu-list li a { padding: 16px 22px; font-size: 19px; }
.main-menu .menu-list li .sec-menu { left: 0; right: 0; top: 100%; position: absolute; }
.main-menu .menu-list li .sec-menu li a { padding: 20px 25px; text-decoration: none; }
.main-menu .menu-list li .sec-menu li a:hover { color: #0e4194; }
.crumbs.solution { margin-top: 100px; }
.main { margin-top: 30px; }
.side { padding-top: 30px; }
.side-search .tit h2 { font-size: 21px; }
.side-search .search-form { margin-top: 10px; }
 .side-search .search-form .form-group .sea-txt::-webkit-input-placeholder {
font-size: 15px;
}
.page-case-list dl { height: 240px; }
.page-case-list dt { width: 354px; }
.page-case-list dd { padding-top: 40px; }
.page-case-list dd .tit { padding-bottom: 10px; font-size: 21px; background: url(../images/case-tit.png) no-repeat left bottom; }
.page-case-list dd .tit a:hover { text-decoration: none; color: #0e4194; }
.page-case-list dd .txt { height: 48px; line-height: 24px; margin-top: 40px; font-size: 19px; }
.page-customer-list li { margin-bottom: 40px; }
.page-news-list dd h2 a { text-decoration: none; }
.page-news-list dd h2 a:hover { color: #0e4194; }
.text-title { padding-bottom: 35px; }
.text-title h1 { line-height: 36px; margin-bottom: 10px; font-size: 27px; }
.text-title p { font-size: 19px; }
.detail-box { margin-top: 40px; margin-bottom: 40px; }
.detail-box p { margin-bottom: 30px; font-size: 19px; }
.page-solution-list { margin-top: 0; }
.side-case .case-list { margin-left: -2%; margin-top: 24px; }
.side-case .case-list li { margin-right: 0; margin-left: 2%; }
.side-case .case-list li:hover a { text-decoration: none; }
.side-case .case-list li:hover span { color: #0e4194; }
.side-case .case-list li span { font-size: 19px; }
.main.about { width: 100%; margin-top: 0; }
.main.about .detail-box { margin-top: 0; }
.about-txt { padding-top: 80px; background: url(../images/about-txt.png) no-repeat center top #f2f5f8; }
.about-txt .txt { margin-top: 40px; }
.about-tit { padding-bottom: 24px; }
.about-tit h2 { font-size: 27px; }
.about-mission { width: 100%; margin-top: 60px; padding: 0 30px; }
.about-mission .img p { margin-bottom: 0; }
.about-mission .txt { padding-left: 60px; padding-top: 80px; }
.about-mission .txt h2 { margin-bottom: 50px; font-size: 45px; }
.about-history { margin-top: 60px; padding-top: 70px; background: #f2f5f8; }
.about-history .history { margin-top: 40px; }
.about-history .swiper-slide .con { padding-right: 20px; border-right: 1px solid #e3e2e2; }
.about-history .history .swiper-slide .con h2 { font-size: 29px; }
.about-history .line { position: absolute; top: 115px; left: 0; width: 100%; height: 3px; background: #0e4194; z-index: 0; }
.about-history .line:before { content: ''; position: absolute; right: 0; bottom: 0; width: 40px; height: 4px; background: #0e4194; border-top: 2px dashed #fff; border-bottom: 2px dashed #fff; }
.news-service-case .box02 .txt { max-height: 187px; }
.news-service-case .box02 .txt p { line-height: 24px; font-size: 14px; color: #666; }
.news-service-case .box02 .more { padding-top: 19px; }
.page-contact .txt { padding-top: 60px; }
}
@media screen and (min-width: 1600px) {
.top-wrap { padding: 0; }
.header { padding-left: 4.68%; }
.nav-menu { margin-left: 7.81%; margin-top: 27px; }
.nav-menu .nav li a { padding: 10px 35px; }
.top-search { display: block; right: 9.68%; top: 37px; }
.language { right: 5%; }
#banner .carousel-inner .item .carousel-caption { right: 15%; }
.solution-wrapper { overflow: hidden; }
.solution-list { margin-left: -15px; margin-right: -15px; }
.solution-list dd { padding: 30px 40px; }
.solution-list dd .txt { margin-top: 10px; }
.about-wrapper01 .con { padding: 100px; padding-left: 9.635%; }
.container { width: 80.729%; }
.about-wrapper02 .box { width: 27%; margin-right: 8.33%; margin-bottom: 0; }
.about-wrapper02 .box.box03 { margin-right: 0; }
.about-wrapper02 .box .txt { max-height: 72px; height: 72px; }
.news-service-case { padding: 0; margin-top: 60px; padding-bottom: 70px; }
.news-service-case .box { width: 31.7%; margin-right: 30px; padding: 0; }
.news-service-case .box.box03 { margin-right: 0; }
.news-service-case .box .more { padding-right: 48px; padding-bottom: 50px; }
.news-list { padding: 30px 48px; padding-bottom: 0; overflow: hidden; }
.news-list li { padding-bottom: 25px; margin-bottom: 25px; }
.news-list li a { margin-top: 10px; line-height: 24px; height: 48px; }
.customer-wrapper { width: 100%; }
.customer-wrapper h2 { width: 80.729%; margin: 0 auto; }
.customer-list { width: 80.729%; margin: 0 auto; margin-top: 33px; }
.customer-list li:first-child { border-left: 1px solid #ecebeb; }
.footer-wrapper .f-nav { width: 56%; }
.footer-wrapper .footer-r { width: 35%; float: right; }
.footer-wrapper .footer-r .row { margin-top: 45px; }
.main-menu .menu-list { width: 80.73%; }
.main-menu .menu-list li a { padding: 13px 25px; }
.main-menu .menu-list li .sec-menu { padding: 0 9.635%; }
.main { width: 80.73%; margin: 0 auto; overflow: hidden; }
.side { padding-top: 70px; margin-bottom: -9999px; padding-bottom: 9999px; padding-left: 2.58%; padding-right: 2.58%; overflow: hidden; }
.side-search .search-form { margin-top: 20px; }
.main-l { width: 73.67%; margin-right: 5.48%; margin-bottom: -9999px; margin-top: 30px; padding-bottom: 9999px; float: left; }
.page-solution-list { margin-left: -2.3%; }
.page-solution-list dl { width: 30.998%; margin-left: 2.3%; padding: 0; }
.page-solution-list dd { padding: 24px; }
.page-case-list dl { margin-bottom: 40px; }
.page-case-list dt { margin-right: 35px; }
.page-customer-list { width: 100%; }
.page-customer-list li { margin-bottom: 80px; }
.side-news { margin-bottom: 50px; }
.side-news h2 { font-size: 21px; }
.side-news .news-list li { margin-bottom: 0; padding-bottom: 30px; }
.side-news .news-list li a { line-height: 24px; max-height: 48px; font-size: 19px; }
.back-btn a { line-height: 42px; font-size: 19px; }
.side-case .case-list li { width: 100%; margin-bottom: 65px; float: none; }
.side-case .case-list li span { margin-top: 10px; }
.about-txt { padding-left: 0; padding-right: 0; }
.about-txt .txt { width: 80.73%; margin: 0 auto; margin-top: 40px; }
.about-history .history { width: 80.73%; margin: 0 auto; margin-top: 40px; }
.about-history .history .swiper-slide.swiper-slide-active .img p { width: 240px; height: 240px; padding-top: 0; }
.page-contact { padding: 0; }
.page-contact .txt { padding-top: 40px; }
.page-contact .txt h2 { margin-bottom: 40px; font-size: 35px; }
.page-contact .txt p { font-size: 19px; }
.page-banner span { width: 80.73%; }
.news-service-case .box02 .txt {/* padding: 30px 48px; */ max-height: 271px; max-height: none; }
.news-service-case .box02 .txt p { line-height: 30px; }
}
@media screen and (min-width: 1800px) {
.page-contact .txt { padding-left: 0; padding-top: 70px; }
}