@charset "UTF-8";
.inline-block { display: inline-block; *display: inline;
 *zoom: 1;
}
.case-list .tit, .knowledge-list .box .con .tit, .case2-list .box .con .tit, .page-system-list .box .con .txt, .page-system-list .box .con .tit, .page-news-list .box .con .tit, .page-case2-list .box .con .txt, .page-case2-list .box .con .tit, .turn-page a { max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; }
/* 上下结构 */

/* page */

body { font-family: "微软雅黑"; }
h1, h2, p, ul, ol, h3 { padding: 0; margin: 0; font-weight: normal; }
a[href] { text-decoration: none; color: #333333; }
ul { list-style: none; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
#nav-menu { background: #ffffff; position: relative; }
#nav-menu > ul > li .sec-menu { display: none; }
.logo { margin-left: 0 !important; }
.logo .navbar-brand { font-size: 0; width: 33%; position: absolute; padding-bottom: 01px; padding: 0; }
.logo .navbar-brand a { height: 100%; display: block; background: url(../images/logo.png) no-repeat center left; background-size: contain; }
.top-wrap { background: #ffffff; border: 0; margin-bottom: 0; }
#banner .carousel-indicators { bottom: 0; }
.tit01 { text-align: center; margin-top: 20px; margin-bottom: 15px; }
.tit01 .en { text-transform: uppercase; color: rgba(0, 0, 0, 0.1); font-family: arial; font-weight: bold; font-size: 16px; }
.tit01 .tit { font-weight: 500; margin-top: -14px; }
.tit01 .txt { margin-top: 10px; color: #666666; }
.business-wrap .list { overflow: hidden; }
.business-wrap .list .box { width: 50%; margin-bottom: 15px; padding: 0 8px; float: left; text-align: center; }
.business-wrap .list .icon { height: 35px; }
.business-wrap .list .tit { margin-top: 8px; }
.business-wrap .list .txt { margin-top: 8px; height: 60px; overflow: hidden; color: #666666; }
.about-wrap { background: #23559d; }
.about-wrap .img { display: none; }
.about-wrap .con { padding: 20px 0; color: #FFFFFF; }
.about-wrap .con .tit { margin-bottom: 10px; }
.about-wrap .con .txt { margin-bottom: 10px; }
.about-wrap .con .num { margin-top: 10px; padding-bottom: 10px; overflow: hidden; }
.about-wrap .con .num .box { width: 50%; float: left; position: relative; text-align: center; }
.about-wrap .con .num .box h3 { margin-bottom: 5px; color: #ffffff; }
.about-wrap .con .num .box h3 span { margin-right: 5px; font-size: 30px; }
.about-wrap .con .num .box p { color: #ffffff; }
.case-wrap { padding-top: 20px; padding-bottom: 20px; background: #f3f3f3; }
.case-wrap .tit01 { margin-top: 0; }
.case-wrap .case-list .box03 .img { display: none; }
.case-list .box { margin-bottom: 15px; background: url(../images/case-icon.png) no-repeat right bottom #ffffff; }
.case-list .box a { display: block; padding: 12px 10px; }
.case-list .tit { margin-bottom: 7px; }
.case-list .txt { color: #666666; height: 40px; overflow: hidden; }
.case-list .more { color: #666666; margin-top: 15px; }
.case2-list .box { margin-bottom: 20px; }
.case2-list .box a { display: block; }
.case2-list .box .img { height: 0; padding-top: 100%; position: relative; display: block; }
.case2-list .box .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.case2-list .box .con { border: 1px solid #d5d5dd; padding: 15px; }
.case2-list .box .con .time { margin-bottom: 5px; color: #23559d; font-family: arial; }
.case2-list .box .con .tit { margin-bottom: 10px; font-weight: 500; }
.case2-list .box .con .txt { color: #666666; height: 40px; overflow: hidden; }
.more01 { text-align: center; }
.more01 a { display: inline-block; background: #23559d; color: #ffffff; border-radius: 35px; padding: 8px 15px; }
.knowledge-list .box { margin-bottom: 20px; }
.knowledge-list .box a { display: block; }
.knowledge-list .box .img { height: 0; padding-top: 63.41%; position: relative; display: block; }
.knowledge-list .box .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.knowledge-list .box .con { border: 1px solid #d5d5dd; padding: 15px; }
.knowledge-list .box .con .time { margin-bottom: 5px; color: #23559d; font-family: arial; }
.knowledge-list .box .con .tit { margin-bottom: 10px; font-weight: 500; }
.knowledge-list .box .con .txt { color: #666666; height: 40px; overflow: hidden; }
.process-wrap .list { overflow: hidden; margin-left: -2%; }
.process-wrap .list .box, .process-wrap .list li { width: 48%; float: left; margin-bottom: 20px; margin-left: 2%; }
.process-wrap .list .box { text-align: center; padding: 0 8%; }
.process-wrap .list .icon { height: 80px; }
.process-wrap .list .tit { margin-top: 10px; margin-bottom: 10px; font-weight: 500; }
.process-wrap .list .txt { color: #666666; }
.partner-wrap { background: #f3f3f3; padding-top: 1px; padding-bottom: 20px; }
.partner-wrap .tit01 { padding: 0 15px; }
.partner-wrap .partner-list { margin: 0 15px; }
.partner-wrap .partner-list .img { height: 0; padding-top: 58.33%; position: relative; display: block; }
.partner-wrap .partner-list .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.footer-wrap { padding: 15px 0; background: #2c2e32; color: #ffffff; }
.footer-wrap a { color: #ffffff; }
.f-tel { font-weight: bold; }
.f-tel .tit { margin-bottom: 5px; }
.f-tel .txt { font-size: 26px; line-height: 30px; }
.f-addr, .f-copyright, .f-link { margin-top: 10px; }
.f-link { color: #909090; }
.f-link a { color: #909090; }
.f-qr { margin-top: 10px; text-align: center; }
.f-qr img { max-width: 100%; }
.page-banner { height: 150px; background-size: cover !important; }
.crumbs { display: none; }
.main-menu { text-align: center; font-size: 0; }
.main-menu a { display: inline-block; font-size: 14px; padding: 5px 10px; }
.main-menu a.active { color: #23559d; font-weight: bold; }
.main { background: #f4f4f4; padding-top: 20px; }
.page-system-list { overflow: hidden; margin-left: -2%; }
.page-system-list .box, .page-system-list li { width: 48%; float: left; margin-bottom: 20px; margin-left: 2%; }
.page-system-list .box { margin-bottom: 15px; }
.page-system-list .box a { display: block; background: #ffffff; padding: 10px; }
.page-system-list .box .img { height: 0; padding-top: 100%;  /* padding-top: 76.92%; */ position: relative; display: block; }
.page-system-list .box .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.page-system-list .box .con { margin-top: 10px; text-align: center; }
.page-system-list .box .con .txt { margin-bottom: 5px; }
.page-system-list .box .con .tit { font-size: 14px; }
.page-news-list .box { margin-bottom: 15px; }
.page-news-list .box a { display: block; background: #ffffff; padding: 10px; }
.page-news-list .box .img { height: 0; padding-top: 62.5%; position: relative; display: block; }
.page-news-list .box .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.page-news-list .box .con { margin-top: 15px; }
.page-news-list .box .con .tit { margin-bottom: 10px; }
.page-news-list .box .con .txt { margin-top: 5px; height: 60px; overflow: hidden; color: #666666; }
.page-news-list .box .con .time { margin-top: 10px; }
.page-news-list .box .con .time span { margin-right: 10px; padding-left: 25px; display: inline-block; color: #999999; }
.page-news-list .box .con .time .item1 { background: url(../images/time.png) no-repeat center left; }
.page-news-list .box .con .time .item2 { background: url(../images/view.png) no-repeat center left; }
.page-case2-list { overflow: hidden; margin-left: -2%; }
.page-case2-list .box, .page-case2-list li { width: 48%; float: left; margin-bottom: 20px; margin-left: 2%; }
.page-case2-list .box { margin-bottom: 15px; }
.page-case2-list .box a { display: block; background: #ffffff; padding: 10px; }
.page-case2-list .box .img { height: 0; padding-top: 100%;  /* padding-top: 76.92%; */ position: relative; display: block; }
.page-case2-list .box .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.page-case2-list .box .con { margin-top: 10px; text-align: center; }
.page-case2-list .box .con .txt { margin-bottom: 5px; }
.page-case2-list .box .con .tit { font-size: 14px; }
.prod-det { background: #ffffff; margin-left: 15px; margin-right: 15px; padding: 0; }
.prod-det .img { height: 0; padding-top: 62.5%; position: relative; display: block; }
.prod-det .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.prod-det .det-r { padding: 15px; }
.prod-det .det-r .tit { font-size: 18px; margin-bottom: 10px; }
.prod-det .det-r .txt { color: #666666; }
.prod-det .det-r .tel { margin-top: 10px; }
.prod-det .det-r .tel p { padding: 7px 17px; padding-left: 30px; display: inline-block; color: #ffffff; border-radius: 4px; background: url(../images/det-tel.png) no-repeat 10px center #23559d; background-size: 15px; }
.main-l { background: #ffffff; padding: 15px; margin-top: 15px; }
.page-tit { margin-bottom: 20px; padding-bottom: 15px; background: url(../images/page-tit.png) repeat-x bottom; overflow: hidden; }
.page-tit h2 { float: left; }
.page-tit p { float: right; font-family: arial; font-weight: bold; color: #eeeeee; text-transform: uppercase; }
.main { padding-bottom: 30px; }
.side { margin-top: 20px; background: #ffffff; padding: 15px; }
.side .page-system-list { margin-left: 0; }
.side .page-system-list .box { width: 100%; float: none; margin-left: 0; }
.side .page-system-list .box .con .tit, .side .page-system-list .box .con .txt { font-size: 16px; }
.side .page-case2-list { margin-left: 0; }
.side .page-case2-list .box { width: 100%; float: none; margin-left: 0; }
.side .page-case2-list .box .con .tit, .side .page-case2-list .box .con .txt { font-size: 16px; }
.text-title { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #e9e9e9; text-align: center; }
.text-title h1 { font-size: 18px; margin-bottom: 5px; line-height: 24px; font-weight: 500; }
.text-title p { color: #666666; }
.text-title p span { display: inline-block; vertical-align: text-top; }
.turn-page { padding-top: 15px; margin-top: 25px; margin-bottom: 50px; }
.turn-page a { background: #ffffff; padding: 0 10px; border: 1px solid #eeeeee; display: block; color: #333333; line-height: 30px; vertical-align: middle; }
.turn-page .turn-l { margin-bottom: 10px; }
.reco-tit { margin-bottom: 15px; background: url(../images/page-tit.png) repeat-x bottom; font-size: 0; }
.reco-tit h2 { display: inline-block; background: #f4f4f4; padding-right: 15px; }
.page-recommand .knowledge-list .box .con { background: #ffffff; }
.detail-box p { margin-bottom: 15px; }
.detail-box p img { max-width: 100% !important; height: auto !important; }
.detail-box .simg img { max-width: 100% !important; height: auto !important; }
.detail-box img { max-width: 100%; height: auto !important; }
.BMap_Marker img, #allmap img { max-width: none; }
.show-tit { font-size: 18px; margin-bottom: 10px; }
.main.about .text-title { text-align: left; border-bottom: 0; padding-bottom: 0; }
.main.gqsb .text-title { border-bottom: 0; padding-bottom: 0; }
.page-contact .con { padding: 15px; padding-top: 20px; background: #ffffff; }
.page-contact .con .tit { margin-bottom: 15px; font-size: 18px; }
.page-contact .con .txt p { margin-bottom: 5px; }
.go-top { display: none; }
.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: #23559d; 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: #23559d; border: 1px solid #23559d; 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; }
 @media screen and (min-width: 768px) {
.top-wrap .header { padding: 0; }
.logo { height: 50px; float: none; }
.logo .navbar-brand { margin: 0 auto !important; left: 0; right: 0; }
#nav-menu { padding: 0; width: 100%; }
#nav-menu > ul > li > a { padding: 10px 3px; }
#nav-menu > ul > li.active > a { background: #23559d; color: #ffffff; }
.tit01 .en { font-size: 24px; line-height: 24px; }
.tit01 .tit { font-size: 22px; }
.business-wrap .list .box { width: 25%; }
.about-wrap .con .num .box { width: 25%; }
.more01 a { padding: 8px 26px; }
.knowledge-list { overflow: hidden; margin-left: -2%; }
.knowledge-list .box, .knowledge-list li { width: 31.33333%; float: left; margin-bottom: 20px; margin-left: 2%; }
.case2-list { overflow: hidden; margin-left: -2%; }
.case2-list .box, .case2-list li { width: 31.33333%; float: left; margin-bottom: 20px; margin-left: 2%; }
.process-wrap .list .box { width: 31%; }
.footer-wrap .f-l { width: 65%; float: left; }
.footer-wrap .f-qr { width: 34%; float: right; }
.page-system-list .box { width: 23%; }
.page-system-list { margin-left: auto; }
.page-system-list .box { margin-left: 2.6%; }
.page-system-list .box:nth-child(4n-3) { margin-left: 0; }
.main-menu a { padding: 7px 12px; }
.page-case-list { overflow: hidden; margin-left: -2%; margin-left: auto; }
.page-case-list .box, .page-case-list li { width: 31.33333%; float: left; margin-bottom: 20px; margin-left: 2%; }
.page-case-list .box { margin-left: 3%; }
.page-case-list .box:nth-child(3n-2) { margin-left: 0; }
.page-news-list .box a { overflow: hidden; padding: 20px; }
.page-news-list .box .img { width: 320px; margin-right: 30px; float: left; padding-top: 200px; }
.page-news-list .box .con { overflow: hidden; }
.page-news-list .box .con .tit { font-size: 18px; margin-bottom: 14px; }
.page-news-list .box .con .txt { line-height: 24px; height: 72px; }
.page-news-list .box .con .time { margin-top: 16px; }
.page-case2-list .box { width: 31%; }
.page-case2-list { margin-left: auto; }
.page-case2-list .box { margin-left: 2.6%; }
.page-case2-list .box:nth-child(3n+1) { margin-left: 0; }
.prod-det { margin: auto; overflow: hidden; }
.prod-det .img { width: 50%; padding-top: 31.25%; float: left; }
.prod-det .det-r { padding-top: 20px; padding-left: 20px; overflow: hidden; }
.prod-det .det-r .tit { margin-bottom: 15px; }
.prod-det .det-r .tel { margin-top: 45px; }
.content { padding: 0; }
.page-recommand { padding: 0; }
.page-contact { background: #ffffff; overflow: hidden; }
.page-contact .map { width: 50%; float: left; }
.page-contact .con { overflow: hidden; }
}
 @media screen and (min-width: 992px) {
.logo .navbar-brand { width: 17%; }
#nav-menu > ul > li > a { padding: 10px 10px; color: #333333; }
.process-wrap .list .box { width: 14%; padding: 0 1%; margin-left: 2.6%; }
.case-list .box a:hover .tit, .case-list .box a:hover .more { color: #23559d; }
.knowledge-list .box a .img, .case2-list .box a .img, .page-system-list .box a .img, .page-news-list .box a .img, .page-case2-list .box a .img { overflow: hidden; }
.knowledge-list .box a .img img, .case2-list .box a .img img, .page-system-list .box a .img img, .page-news-list .box a .img img, .page-case2-list .box a .img img { transition: all linear .3s; }
.knowledge-list .box a:hover .img img, .case2-list .box a:hover .img img, .page-system-list .box a:hover .img img, .page-news-list .box a:hover .img img, .page-case2-list .box a:hover .img img { transform: scale(1.1); }
.knowledge-list .box a:hover .con .tit, .case2-list .box a:hover .con .tit, .page-system-list .box a:hover .con .tit, .page-news-list .box a:hover .con .tit, .page-case2-list .box a:hover .con .tit { color: #23559d; }
.knowledge-list .box a:hover .tit, .case2-list .box a:hover .tit, .page-system-list .box a:hover .tit, .page-news-list .box a:hover .tit, .page-case2-list .box a:hover .tit { color: #23559d; }
.partner-wrap .partner-list .img { overflow: hidden; }
.partner-wrap .partner-list .img img { transition: all linear .3s; }
.partner-wrap .partner-list .img:hover img { transform: scale(1.1); }
.page-banner { height: 320px; }
.main-menu a { padding: 14px 18px; }
.page-system-list .box { margin-bottom: 22px; }
.page-case2-list .box { margin-bottom: 22px; }
.prod-det { margin-bottom: 15px; }
.main-l { width: 78.125%; margin-top: 0; float: left; }
.side { width: 20.3125%; margin-top: 0; float: right; }
.text-title { padding-bottom: 16px; }
.text-title h1 { margin-bottom: 14px; font-size: 24px; }
.turn-page { margin-top: 50px; overflow: hidden; }
.turn-page a { border-radius: 4px; line-height: 60px; padding-left: 20px; overflow: hidden; text-decoration: none; }
.turn-page a:hover { background: #23559d; color: #ffffff; }
.turn-page .turn-l { width: 48%; margin-bottom: 0; float: left; }
.turn-page .turn-r { width: 48%; float: right; }
.reco-tit h2 { font-size: 20px; }
.reco-tit { margin-bottom: 25px; }
.show-tit { font-size: 24px; margin-bottom: 20px; margin-top: 30px; }
.page-contact .con { padding-top: 30px; padding-left: 20px; }
.go-top { position: fixed; right: 40px; bottom: 10%; width: 50px; height: 50px; background: url(../images/go-top.png) no-repeat center; z-index: 1; }
.go-top a { display: block; height: 100%; font-size: 0; }
.fixed-btns { position: fixed; right: 15px; bottom: 30%; width: 50px; height: 50px; z-index: 1; }
.fixed-btns a { display: block; height: 100%; font-size: 0; }
.fixed-btns .box { margin-bottom: 10px; position: relative; }
.fixed-btns .box .toggle { height: 50px; }
.fixed-btns .box:hover .txt { display: block; }
.fixed-btns .box01 .toggle { background: url(../images/fixed1.png) no-repeat center; }
.fixed-btns .box02 .toggle { background: url(../images/fixed2.png) no-repeat center; }
.fixed-btns .box03 .toggle { background: url(../images/fixed3.png) no-repeat center; }
.fixed-btns .box04 .toggle { background: url(../images/fixed4.png) no-repeat center; }
.fixed-btns .box .txt { width: 300px; position: absolute; border-radius: 20px; padding: 20px 10px 10px 26px; background: #FFFFFF; box-shadow: 0 0 20px rgba(0,0,0,.15); right: 80px; top: -30px; display: none; font-size: 18px; line-height: 26px; }
.fixed-btns .box .txt p { margin-bottom: 10px; }
#nav-menu > ul > li .sec-menu { position: absolute; width: 100%; background: #ffffff; z-index: 1; }
#nav-menu > ul > li .sec-menu li { line-height: 36px; }
#nav-menu > ul > li .sec-menu li a { display: block; text-align: center; font-size: 14px; }
#nav-menu > ul > li .sec-menu li a:hover { background: #23559d; color: #ffffff; }
#nav-menu > ul > li:hover .sec-menu { display: block; }
}
 @media screen and (min-width: 1200px) {
body { font-size: 16px; overflow-x: hidden; }
.container, #nav-menu { width: 1200px; padding: 0; margin: 0 auto; }
#nav-menu > ul > li > a { font-size: 16px; padding: 10px 18px; }
.logo { margin-top: 10px; }
#banner .carousel-indicators { bottom: 10px; }
#banner .carousel-indicators li { width: 40px; height: 6px; border: 0; opacity: 1; background: #FFFFFF; margin: 0 5px; }
#banner .carousel-indicators li.active { background: rgba(255, 255, 255, 0.5); }
.tit01 { margin-top: 70px; margin-bottom: 50px; }
.tit01 .en { font-size: 48px; line-height: 40px; }
.tit01 .tit { font-size: 40px; margin-top: -32px; }
.tit01 .txt { margin-top: 15px; }
.business-wrap .list .icon { height: 80px; }
.business-wrap .list .tit { font-size: 24px; margin-top: 30px; }
.business-wrap .list .txt { line-height: 30px; margin-top: 15px; }
.business-wrap .list .box { margin-bottom: 0; }
.about-wrap { padding: 0; margin-top: 110px; background: url(../images/about-bg.jpg) no-repeat right bottom; }
.about-wrap .img { width: 50%; margin-right: 2%; display: block; height: 0; padding-top: 37.5%; position: relative; display: block; float: left; }
.about-wrap .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.about-wrap .con { width: 31.25%; padding-top: 30px; float: left; }
.about-wrap .con .tit { font-size: 24px; margin-bottom: 20px; }
.about-wrap .con .txt { margin-bottom: 24px; height: 180px; overflow: hidden; }
.about-wrap .con .num { padding-bottom: 0; margin-top: 0; }
.about-wrap .con .num .box p { font-size: 14px; }
.about-wrap .con .num .box h3 { margin-bottom: 8px; }
.about-wrap .con .num .box { width: 50%; margin-bottom: 10px; }
.case-wrap { padding-top: 60px; }
.tit01 .txt { margin-top: 25px; }
.case-list { overflow: hidden; }
.case-list .box { width: calc(33.33% - 17px); float: left; margin-left: 25px; }
.case-list .box a { padding: 26px 26px; }
.case-list .box.box01, .case-list .box.box04 { margin-left: 0; }
.case-wrap .case-list .box03 .img { display: block; height: 0; padding-top: 66.66%; position: relative; display: block; }
.case-wrap .case-list .box03 .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.case-list .tit { font-size: 24px; margin-bottom: 15px; }
.case-list .txt { line-height: 30px; height: 60px; }
.case-list .more { color: #666666; margin-top: 36px; }
.case-wrap .case-list .box03 .more { margin-top: 25px; }
.case-wrap .case-list .box03 .img { margin-top: 45px; }
.case-wrap .case-list .box03 .img { margin-top: 30px; }
.case-list .box.box04, .case-list .box.box05 { margin-top: -225px; }
.case-wrap { padding-bottom: 65px; background: url(../images/case-bg.jpg) no-repeat center; background-size: cover; }
.case-wrap .more01 { margin-top: 30px; }
.more01 a { padding: 14px 50px; }
.case2-list .box .con .time { font-size: 24px; }
.case2-list .box .con .tit { font-size: 20px; }
.case2-list .box .con .txt { line-height: 30px; height: 60px; }
.case2-list .box .con { padding-left: 30px; padding-right: 30px; }
.case2-list .list .box { margin-bottom: 0; }
.knowledge-list .box .con .time { font-size: 24px; }
.knowledge-list .box .con .tit { font-size: 20px; }
.knowledge-list .box .con .txt { line-height: 30px; height: 60px; }
.knowledge-list .box .con { padding-left: 30px; padding-right: 30px; }
.knowledge-list .list .box { margin-bottom: 0; }
.knowledge-wrap .more01 { margin-top: 37px; }
.process-wrap .list .icon { height: 133px; }
.process-wrap .list .tit { font-size: 20px; margin-top: 30px; margin-bottom: 15px; }
.process-wrap .list .txt { line-height: 24px; }
.process-wrap .list .box { position: relative; margin-bottom: 0; }
.process-wrap .list .box:after { content: ''; width: 40px; height: 34px; background: url(../images/proce-arr.png); position: absolute; top: 50px; right: -30px; }
.process-wrap .list .box.box06:after { display: none; }
.partner-wrap { margin-top: 80px; padding-bottom: 70px; }
.partner-wrap .partner-list { width: 1200px; margin: 0 auto; }
.partner-wrap .tit01 { margin-bottom: 37px; }
.footer-wrap { padding-top: 30px; padding-bottom: 60px; }
.f-tel .tit { margin-bottom: 20px; font-weight: bold; }
.f-tel .txt { font-size: 36px; line-height: 34px; }
.f-addr, .f-copyright, .f-link { margin-top: 15px; }
.f-link a { margin-right: 5px; }
.f-link a:hover { color: #ffffff; }
#nav-menu > ul > li:hover > a { color: #23559d; }
.page-banner { height: 420px; }
.main-tit { height: 80px; }
.main-tit .crumbs { line-height: 80px; padding-left: 28px; float: left; display: block; background: url(../images/home.png) no-repeat center left; }
.main-tit .crumbs a:hover { color: #23559d; }
.main-tit .main-menu { float: right; margin-right: 20px; }
.main-tit .main-menu a { font-size: 16px; padding: 29px 18px; }
.main-tit .main-menu a.active { position: relative; }
.main-tit .main-menu a.active:after { content: ''; width: 60px; height: 2px; background: #23559d; position: absolute; top: 0; left: 0; right: 0; bottom: 0; top: auto; margin: auto; }
.main { padding-top: 70px; }
.page-system-list .box a { padding-bottom: 20px; }
.page-case-list .box.box04, .page-case-list .box.box05 { margin-top: 0; }
.page-news-list .box a { padding: 30px; }
.page-news-list .box .con .tit { font-size: 24px; margin-bottom: 22px; }
.page-news-list .box .con .txt { line-height: 30px; height: 60px; }
.page-news-list .box .con .time span { margin-right: 35px; }
.page-news-list .box .con .time { margin-top: 40px; }
.page-news-list .box { margin-bottom: 30px; }
.page-case2-list .box a { padding-bottom: 20px; }
.prod-det .det-r .tit { font-size: 28px; margin-bottom: 20px; }
.prod-det .det-r .txt { line-height: 36px; height: 170px; overflow: hidden; }
.prod-det .det-r .tel p { padding: 12px 25px; padding-left: 38px; background-size: 20px; font-size: 18px; }
.prod-det { margin-bottom: 20px; }
.text-title { padding-bottom: 30px; margin-bottom: 40px; border-color: #dedede; }
.text-title h1 { line-height: 34px; font-size: 32px; margin-bottom: 20px; }
.text-title p { font-size: 14px; color: #333333; }
.turn-page { margin-bottom: 100px; margin-top: 70px; }
.detail-box { padding: 0 25px; line-height: 34px; }
.detail-box p { margin-bottom: 20px; }
.reco-tit h2 { font-size: 32px; padding-right: 40px; font-weight: 500; }
.reco-tit { margin-bottom: 40px; }
.page-recommand .knowledge-list .box { margin-bottom: 0; }
.show-tit { margin-top: 34px; }
.page-contact .con .tit { font-size: 24px; }
.page-contact .con { padding-top: 44px; padding-left: 44px; }
}
 @media screen and (min-width: 1280px) {
.container, .partner-wrap .partner-list { width: 1200px; }
.logo { height: 61px; }
.logo .navbar-brand { height: 61px; }
.case2-list .box { width: 382px; margin-left: 25px; }
.case2-list { margin-left: -25px; }
.knowledge-list .box { width: 382px; margin-left: 25px; }
.knowledge-list { margin-left: -25px; }
.page-system-list .box { width: 280px; margin-left: 26px; margin-bottom: 30px; }
.page-system-list .box a { padding: 20px; }
.page-system-list .box .con { margin-top: 15px; }
.page-system-list .box .con .tit { font-size: 16px; }
.page-system-list .box:nth-child(4n-3) { /* margin-left: 0; */ }
.main { padding-bottom: 100px; }
.page-case-list .box { margin-bottom: 30px; }
.page-case-list .box a { padding: 40px; }
.page-case-list .box .tit { margin-bottom: 20px; }
.page-case2-list .box { width: 382px; margin-left: 26px; margin-bottom: 30px; }
.page-case2-list .box a { padding: 20px; }
.page-case2-list .box .con { margin-top: 15px; }
.page-case2-list .box .con .tit { font-size: 16px; }
.prod-det .det-r { padding: 60px 40px 0 40px; }
.prod-det .det-r .tel p { font-size: 25px; padding: 5px 25px; padding-left: 60px; background-size: 30px; background-position: 20px center; }
.prod-det .det-r .tel { margin-top: 25px; }
.main-l { padding: 37px 40px 30px 40px; }
.page-tit { padding-bottom: 30px; margin-bottom: 44px; line-height: 27px; }
.page-tit h2, .page-tit p { font-size: 24px; }
.side { padding: 37px 20px 20px 20px; }
.side .page-tit { margin-bottom: 20px; }
.side .page-system-list .box a { padding: 0px; }
.side .page-case2-list .box a { padding: 0px; }
.main.about .text-title h1 { font-size: 40px; line-height: normal; }
.main.gqsb .text-title h1 { font-weight: bold; }
.page-contact .con { padding-top: 75px; padding-left: 50px; }
.page-contact .con .tit { margin-bottom: 24px; }
}
 @media screen and (min-width: 1410px) {
.top-wrap { height: 100px; }
.logo { width: 202px; margin-top: 20px; float: left; }
.logo .navbar-brand { width: 202px; }
.logo .navbar-brand { position: static; }
#nav-menu { width: 77%; margin-top: 30px; float: right; }
#nav-menu > ul > li > a { padding: 10px 11px; padding-bottom: 40px; }
#nav-menu > ul > li.active > a { background: none; color: #23559d; }
#nav-menu > ul > li.active > a:after { content: ''; width: 60px; height: 4px; background: #23559d; position: absolute; top: 0; left: 10%; right: 0; bottom: 0; top: auto; }
.top-wrap .header { width: 1408px; }
.business-wrap .list .txt { margin-top: 20px; }
.business-wrap .list .box { padding: 0 20px; }
.about-wrap .con .tit { font-size: 38px; }
.about-wrap .con { padding-top: 47px; }
.about-wrap .con .txt { line-height: 36px; }
.about-wrap .con .num .box p { font-size: 16px; }
.about-wrap .con .num .box h3 span { font-size: 40px; }
.about-wrap .con .num .box { margin-bottom: 35px; }
.about-wrap .con { padding-top: 67px; }
.about-wrap .con .num .box.box03, .about-wrap .con .num .box.box04 { margin-bottom: 0; }
.process-wrap .list .txt { padding: 0 15px; }
.about-wrap .con .tit { font-size: 36px; }
}
 @media screen and (min-width: 1900px) {
#banner .carousel-indicators { bottom: 45px; }
.about-wrap .con { padding-top: 108px; }
.about-wrap .img { margin-right: 40px; }
.about-wrap .con .tit { margin-bottom: 35px; }
.about-wrap .con .num .box { width: 34%; }
.about-wrap .con .num .box.box02, .about-wrap .con .num .box.box04 { margin-left: 100px; }
.about-wrap .con .num .box h3 span { font-size: 46px; }
.case2-list .box .con { padding-top: 20px; padding-bottom: 30px; }
.case2-list .box .con .time { margin-bottom: 10px; }
.case2-list .box .con .tit { margin-bottom: 14px; }
.knowledge-list .box .con { padding-top: 20px; padding-bottom: 30px; }
.knowledge-list .box .con .time { margin-bottom: 10px; }
.knowledge-list .box .con .tit { margin-bottom: 14px; }
.about-wrap .con .tit { font-size: 38px; }
}