@charset "UTF-8";
.inline-block { display: inline-block; *display: inline;
 *zoom: 1;
}
.service-wrap .list .tit, .case-list .tit-list a h3, .honor-list .tit, .news-list .con .tit, .friend .list a, .page-honor-list li .tit, .page-case-list .box .con .tit, .page-case-list .box .con .specs .item01, .page-case-list .box .con .specs .item02, .page-case-list .box .con .time-views .item01, .page-case-list .box .con .time-views .item02, .page-knowledge-list .box .con .tit, .turn-page p a { max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; }
/* 上下结构 */
/* page */
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; }
@font-face { font-family: "iconfont"; src: url("../fonts/my/iconfont.eot"); /* IE9*/ src: url("../fonts/my/iconfont.eot?#iefix") format("embedded-opentype"), url("../fonts/my/iconfont.woff") format("woff"), url("../fonts/my/iconfont.ttf") format("truetype"), url("../fonts/my/iconfont.svg#iconfont") format("svg");/* iOS 4.1- */ }
.iconfont { font-family: "iconfont" !important; font-size: 1em; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; }
body { font-family: "微软雅黑"; }
.top-wrap { margin-bottom: 0; background: none; border: 0; }
.top-wrap .qr { display: none; }
.logo .navbar-brand { font-size: 0; width: 50%; padding: 5px 0 5px 15px; }
.logo .navbar-brand a { height: 100%; display: block; background: url(../images/logo.png) no-repeat center left; background-size: contain; }
.logo .navbar-toggle { background: #ffffff; }
#nav-menu { background: #aa0004; max-height: 400px; overflow-y: auto; }
#nav-menu li a { color: #ffffff; font-size: 16px; }
#nav-menu li .sec-menu { padding-left: 33px; }
#nav-menu li .sec-menu li { line-height: 26px; }
#nav-menu li .sec-menu li a { font-size: 14px; }
#nav-menu li.active a { background: #c00005; }
#nav-menu li.active .sec-menu a { background: none; }
#banner .carousel-indicators { bottom: 0; }
.top-tel { display: none; }
.advan-wrap { padding: 15px 0; background: #f5f5f5; }
.advan-wrap .list { overflow: hidden; margin-left: -2%; }
.advan-wrap .list .box, .advan-wrap .list li { width: 48%; float: left; margin-bottom: 20px; margin-left: 2%; }
.advan-wrap .list .box { margin-bottom: 10px; padding: 15px; }
.advan-wrap .list .box h3 { margin-bottom: 8px; }
.advan-wrap .list .box p { color: #999999; }
.advan-wrap .list .box01 { background: url(../images/advan1.png) no-repeat 90% center #ffffff; background-size: 30px; }
.advan-wrap .list .box02 { background: url(../images/advan2.png) no-repeat 90% center #ffffff; background-size: 30px; }
.advan-wrap .list .box03 { margin-bottom: 0; background: url(../images/advan3.png) no-repeat 90% center #ffffff; background-size: 30px; }
.advan-wrap .list .box04 { margin-bottom: 0; background: url(../images/advan4.png) no-repeat 90% center #ffffff; background-size: 30px; }
.tit01 { margin-bottom: 15px; text-align: center; }
.tit01 h2 { margin-bottom: 5px; position: relative; }
.tit01 h2:before { content: ''; width: 90px; height: 20px; background: url(../images/tit1-l.png) no-repeat center right; background-size: contain; position: absolute; top: 0; bottom: 0; margin: auto; margin-left: -100px; }
.tit01 h2:after { content: ''; width: 90px; height: 20px; background: url(../images/tit1-r.png) no-repeat center right; background-size: contain; position: absolute; top: 0; bottom: 0; margin: auto; margin-left: 10px; }
.tit01 p { color: #999999; }
.service-wrap { margin-top: 25px; }
.service-wrap .list { overflow: hidden; margin-left: -2%; }
.service-wrap .list .box, .service-wrap .list li { width: 48%; float: left; margin-bottom: 20px; margin-left: 2%; }
.service-wrap .list a { display: block; }
.service-wrap .list .img { height: 0; padding-top: 66.17647%; position: relative; display: block; }
.service-wrap .list .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.service-wrap .list .tit { text-align: center; margin-top: 5px; }
.procedure-wrap { background: #f8f8f8; padding-bottom: 10px; }
.procedure-wrap .proc-tit { padding: 20px 15px; padding-bottom: 40px; text-align: center; background: url(../images/procedure-tit.png) no-repeat center bottom; color: #ffffff; }
.procedure-wrap .proc-tit h2 { font-size: 16px; line-height: 26px; }
.procedure-wrap .proc-tit h2:after { content: ''; width: 30px; height: 2px; background: #ffffff; display: block; margin: 0 auto; margin-top: 10px; }
.procedure-wrap .list { overflow: hidden; margin-left: -2%; margin-top: 15px; }
.procedure-wrap .list .box, .procedure-wrap .list li { width: 48%; float: left; margin-bottom: 20px; margin-left: 2%; }
.procedure-wrap .list .box { margin-bottom: 10px; }
.procedure-wrap .list .img { height: 0; padding-top: 67.647%; position: relative; display: block; }
.procedure-wrap .list .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.procedure-wrap .list .con { background: #ffffff; padding: 15px 10px; }
.procedure-wrap .list .con h3 { font-weight: bold; margin-bottom: 8px; }
.procedure-wrap .list .con p { color: #999999; height: 80px; overflow: hidden; }
.do-wrap { margin-top: 25px; }
.do-wrap .list .box { margin-bottom: 15px; position: relative; }
.do-wrap .list .box .img { height: 0; padding-top: 66.666%; position: relative; display: block; }
.do-wrap .list .box .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.do-wrap .list .box .tit { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 66.666%; background: rgba(255, 255, 255, 0.8); height: 60%; margin: auto; text-align: center; font-weight: bold; display: flex; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: column; }
.do-wrap .list .box .tit:after { content: ''; width: 35px; height: 2px; background: #aa0004; display: block; margin: 0 auto; margin-top: 12px; }
.do-wrap .list .box .desc { display: none; }
.ad-wrap { height: 100px; margin-top: 15px; background-size: auto 120% !important; }
.ad-wrap a { display: block; height: 100%; }
.ad-wrap img { max-width: 100%; }
.case-wrap { margin-top: 25px; }
.case-wrap .tab-tit { white-space: nowrap; overflow-x: auto; }
.case-wrap .tab-tit a { display: inline-block; margin-right: 5px; background: #f5f5f5; padding: 5px 10px; }
.case-wrap .tab-tit a.active { background: #aa0004; color: #ffffff; }
.case-wrap .tab-con { margin-top: 15px; }
.case-wrap .case-list { display: none; }
.case-list { overflow: hidden; }
.case-list .tit-list { width: 33%; float: left; height: 100%; }
.case-list .tit-list a { margin-bottom: 2.32%; display: block; background: #f5f5f5; }
.case-list .tit-list a h3 { padding: 5px 3px; font-size: 14px; }
.case-list .tit-list a p { display: none; }
.case-list .tit-list a.active { background: #aa0004; color: #ffffff; }
.case-list .swiper-container { width: 67%; float: right; }
.case-list .img { height: 0; padding-top: 58.9473%; position: relative; display: block; }
.case-list .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.ad02 a { background-size: auto 170% !important; }
.ad03 a { background-size: auto 150% !important; }
.about-wrap { margin-top: 25px; }
.about-wrap .con { color: #666666; text-align: center; line-height: 22px; }
.about-wrap .con a { color: #aa0004; }
.about-wrap .con a:before { content: '【'; display: inline-block; }
.about-wrap .con a:after { content: '】'; display: inline-block; }
.nums-wrap { margin-top: 10px; padding: 10px; background: #2a82a2; color: #ffffff; }
.nums-wrap .list { margin-top: 15px; overflow: hidden; margin-left: -2%; }
.nums-wrap .list .box, .nums-wrap .list li { width: 23%; float: left; margin-bottom: 20px; margin-left: 2%; }
.nums-wrap .list .box { margin-bottom: 0; position: relative; text-align: center; }
.nums-wrap .list .box:after { content: ''; width: 1px; height: 40px; background: #5698b3; position: absolute; top: 0; left: 0; right: 0; bottom: 0; left: auto; right: 0; margin: auto; }
.nums-wrap .list .box h3 { margin-top: 5px; }
.nums-wrap .list .box h3 span { font-size: 22px; }
.nums-wrap .list .box04:after { display: none; }
.honor-wrap { margin-top: 25px; }
.my-turn { width: 30px; height: 30px; opacity: 1; }
.my-turn.swiper-button-prev { background: url(../images/my-turn1.png) no-repeat center; background-size: contain; }
.my-turn.swiper-button-next { background: url(../images/my-turn2.png) no-repeat center; background-size: contain; }
.honor-list .img { height: 0; padding-top: 140.625%; position: relative; display: block; }
.honor-list .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.honor-list .tit { margin-top: 8px; text-align: center; color: #666666; font-size: 14px; }
.news-wrap { margin-top: 30px; }
.news-list .box { margin-bottom: 15px; }
.news-list a { display: block; overflow: hidden; }
.news-list .img { height: 0; padding-top: 24.99963%; position: relative; display: block; width: 43.75%; margin-right: 10px; float: left; }
.news-list .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.news-list .con { overflow: hidden; }
.news-list .con .tit { margin-bottom: 5px; font-weight: bold; }
.news-list .con .time { color: #999999; font-size: 12px; }
.news-list .con .txt { height: 40px; overflow: hidden; color: #666666; }
.cooperate-wrap { margin-top: 25px; }
.cooperate-wrap .list { overflow: hidden; margin-left: -2%; margin-left: 0; border-bottom: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; }
.cooperate-wrap .list .box, .cooperate-wrap .list li { width: 31.33333%; float: left; margin-bottom: 20px; margin-left: 2%; }
.cooperate-wrap .list .box { width: 33.33%; border: 1px solid #e5e5e5; margin-left: -1px; margin-bottom: -1px; }
.cooperate-wrap .list a { height: 0; padding-top: 52.2968%; position: relative; display: block; }
.cooperate-wrap .list a img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.cooperate-wrap .list a img { width: auto; height: auto; max-width: 90%; max-height: 90%; margin: auto; right: 0; bottom: 0; }
.friend { margin-top: 15px; position: relative; }
.friend .toggle { display: block; width: 100%; line-height: 36px; border: 1px solid #CCCCCC; padding-left: 20px; color: #666666; background: url(../images/arr1.png) no-repeat 96% center; }
.friend .list { position: absolute; left: 0; right: 0; bottom: 38px; background: #ffffff; display: none; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); max-height: 400px; overflow-y: auto; }
.friend .list a { line-height: 36px; padding: 0 20px; display: block; }
.footer-wrap { margin-top: 25px; background: #f1f1f1; }
.footer-wrap .footer { padding: 15px 15px; }
.footer-wrap .footer .f-l .f-tel h3 { margin: 4px 0; color: #aa0004; font-size: 24px; font-weight: bold; }
.f-nav { margin-top: 15px; }
.f-nav dl { margin-bottom: 10px; }
.f-nav dt { margin-bottom: 5px; }
.f-nav dd a { color: #999999; display: inline-block; margin-right: 5px; margin-bottom: 5px; }
.f-qr { margin-top: 15px; text-align: center; }
.f-qr img { max-width: 100%; }
.copyright { margin-top: 20px; background: #333333; color: #999999; padding: 10px 0; padding-bottom: 20px; text-align: center; }
.copyright a { color: #999999; }
.page-banner img { width: 100%; }
.crumbs { display: none; }
body { background: #f8f8f8; }
body.index { background: none; }
.main { background: #ffffff; padding: 0; margin: 15px; }
.main-menu { padding: 5px 10px; padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; }
.main-menu a { width: 32%; padding: 5px 0; text-align: center; display: inline-block; }
.main-menu a.active { background: #aa0004; color: #ffffff; }
.content { padding: 20px 10px 20px 10px; }
.page-honor-list { overflow: hidden; }
.page-honor-list li { width: 48%; margin: 0 1%; margin-bottom: 20px; float: left; }
.page-honor-list li a { display: block; }
.page-honor-list li .img { height: 0; padding-top: 140.357%; position: relative; display: block; }
.page-honor-list li .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.page-honor-list li .tit { margin-top: 10px; font-size: 16px; font-weight: 500; text-align: center; color: #666666; }
.page-case-list .box { margin-bottom: 20px; }
.page-case-list .box a { display: block; }
.page-case-list .box .img { height: 0; padding-top: 59.5238%; position: relative; display: block; }
.page-case-list .box .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.page-case-list .box .con { background: #f8f8f8; padding: 15px; }
.page-case-list .box .con .tit { margin-bottom: 8px; font-weight: bold; }
.page-case-list .box .con .specs { font-size: 0; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #e5e5e5; }
.page-case-list .box .con .specs .item01, .page-case-list .box .con .specs .item02 { display: inline-block; font-size: 14px; width: 48%; margin-right: 2%; }
.page-case-list .box .con .time-views { font-size: 0; color: #999999; }
.page-case-list .box .con .time-views .item01, .page-case-list .box .con .time-views .item02 { display: inline-block; font-size: 14px; width: 48%; margin-right: 2%; }
.page-case-list .box .con .time-views .item01 { padding-left: 30px; background: url(../images/time.png) no-repeat center left; }
.page-case-list .box .con .time-views .item02 { padding-left: 35px; background: url(../images/views.png) no-repeat center left; }
.page-knowledge-list .box { margin-bottom: 15px; }
.page-knowledge-list .box a { display: block; padding: 15px; background: #f8f8f8; }
.page-knowledge-list .box .img { height: 0; padding-top: 57.894%; position: relative; display: block; }
.page-knowledge-list .box .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.page-knowledge-list .box .con { margin-top: 10px; }
.page-knowledge-list .box .con .tit { font-weight: bold; }
.page-knowledge-list .box .con .txt { margin-top: 8px; color: #666666; height: 40px; overflow: hidden; }
.page-knowledge-list .box .con .time { margin-top: 10px; color: #999999; background: url(../images/know-arr1.png) no-repeat center right; background-size: contain; }
.page-news-list .more { display: none; }
.text-title { padding: 15px 10px; margin-bottom: 20px; text-align: center; background: #f5f5f5; }
.text-title h1 { margin-bottom: 8px; line-height: 26px; font-size: 18px; font-weight: bold; }
.page-about .box, .page-culture .box { margin-bottom: 15px; }
.page-about .box img, .page-culture .box img { max-width: 100%; }
.page-culture .box { text-align: center; }
.page-gongyi { overflow: hidden; margin-left: -2%; }
.page-gongyi .box, .page-gongyi li { width: 48%; float: left; margin-bottom: 20px; margin-left: 2%; }
.page-gongyi .box { margin-bottom: 10px; text-align: center; }
.page-gongyi .box img { max-width: 100%; }
.page-tit { margin-top: 10px; margin-bottom: 10px; font-weight: bold; color: #333333; }
.busi-process { margin-left: -5px; margin-right: -5px; }
.busi-process .col-xs-3 { padding: 0 5px; margin-bottom: 10px; }
.page-contact .box { padding: 20px 15px; margin-bottom: 15px; background: #f8f8f8; border: 1px solid #e5e5e5; text-align: center; }
.page-contact .box .tit { color: #333333; }
.page-contact .box .tit:after { content: ''; width: 30px; height: 3px; background: #aa0004; display: block; margin: 0 auto; margin-top: 8px; }
.page-contact .box .txt { margin-top: 15px; }
.page-contact .box .txt p { margin-bottom: 0; }
.map { background: #f8f8f8; padding: 10px; }
.page-message { margin-top: 15px; }
.page-message .tit { text-align: center; }
.page-message .message-form { margin-top: 15px; }
.page-message .message-form .form-group.inline .form-control { margin-bottom: 15px; }
.page-message .message-form .form-group.sub-btn .form-control { background: #aa0004; color: #ffffff; border: 0; }
.fixed-side { display: none; }
.detail-box { line-height: 22px; color: #666666; }
.detail-box p { margin-bottom: 10px; }
.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; }
body { padding-bottom: 48px; }
.BMap_Marker img, #allmap img { max-width: none; }
.state-menu { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 1000; }
.state-menu .list { background: #ededed; border-top: 1px solid #e0e0e0; }
.state-menu li { float: left; width: 20%; box-sizing: border-box; border-left: 1px solid #f6f6f6; border-right: 1px solid #e0e0e0; }
.state-menu li { text-align: center; font-size: 0.875rem; }
.state-menu li a { padding: 0.3rem 0; display: block; line-height: 26px; }
.state-menu li i { font-size: 14px; display: block; margin: 0 auto; line-height: 1.4rem; }
.state-menu .list3 i { position: relative; margin-top: -1.3rem; width: 2.6rem; height: 2.6rem; border-top: 1px solid #e0e0e0; font-size: 1.8rem; line-height: 2.6rem; color: #fa8e03; background: #ededed; border-radius: 50%; }
.state-menu .list3 i:before { top: -0.2rem; position: relative; }
.icon-phone:before { content: '\e626'; }
.icon-email:before { content: '\e619'; }
.icon-home:before { content: '\e631'; }
.icon-message:before { content: '\e61b'; }
.icon-add:before { content: '\e629'; }
.turn-page { padding-top: 15px; margin-top: 25px; margin-bottom: 50px; }
.turn-page p { background: #f8f8f8; padding: 0 10px; border: 1px solid #eeeeee; }
.turn-page p a { display: inline-block; max-width: 70%; width: 70%; color: #333333; line-height: 30px; vertical-align: middle; }
.turn-page .turn-l { margin-bottom: 10px; }
.page { clear: both; padding: 20px 0 20px; 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: #aa0004; 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: #aa0004; border: 1px solid #aa0004; 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; }
.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: 0px; right: 50px; z-index: 99999; display: none; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');
}
#Validform_msg .iframe { position: absolute; left: 0px; top: -1px; z-index: -1; }
#Validform_msg .Validform_title { line-height: 25px; height: 25px; text-align: left; font-weight: bold; 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: 0px; 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; }
 @media screen and (min-width: 360px) {
.case-list .tit-list a h3 { padding: 7px 3px; }
}
 @media screen and (min-width: 375px) {
.case-list .tit-list a h3 { padding: 8px 3px; }
}
 @media screen and (min-width: 411px) {
.case-list .tit-list a h3 { padding: 10px 5px; }
.news-list .con .tit { margin-bottom: 7px; }
.news-list .con .time { margin-bottom: 5px; }
}
 @media screen and (min-width: 768px) {
.logo { width: 20%; }
.logo .navbar-brand { width: 100%; margin-left: 0 !important; }
.top-wrap .header { margin: 0 auto; }
#nav-menu { box-shadow: none; float: right; padding-right: 0; background: none; }
#nav-menu .sec-menu { display: none; }
#nav-menu > ul > li.active > a { background: none; }
#nav-menu > ul > li.active > a:after { display: block; }
#nav-menu > ul > li > a { padding: 15px 12px; color: #333333; }
#nav-menu > ul > li > a:after { content: ''; width: 35px; height: 2px; background: #aa0004; position: absolute; top: 0; left: 0; right: 0; bottom: 0; top: auto; margin: auto; display: none; }
.logo .navbar-brand { padding-left: 0; }
#banner .carousel-indicators { bottom: 15px; }
#banner .carousel-indicators li { width: 10px; height: 10px; background: rgba(255, 255, 255, 0.5); border: 0; margin: 0 5px; }
#banner .carousel-indicators li.active { background: #ffffff; }
.advan-wrap .list { margin-left: auto; }
.advan-wrap .list .box01 { margin-left: 0; }
.advan-wrap .list .box { width: 23.5%; }
.service-wrap .list .box { width: 23%; }
.procedure-wrap .list { margin-left: auto; }
.procedure-wrap .list .box01 { margin-left: 0; }
.procedure-wrap .list .box { width: 23.5%; }
.do-wrap .list { overflow: hidden; margin-left: -2%; }
.do-wrap .list .box, .do-wrap .list li { width: 31.33333%; float: left; margin-bottom: 20px; margin-left: 2%; }
.do-wrap .list .box { margin-bottom: 0; }
.ad-wrap { margin-top: 20px; height: 185px; }
.case-wrap .tab-tit { text-align: center; }
.case-list .tit-list a { padding: 10px; margin-bottom: 3.32%; }
.case-list .tit-list a.item04 { margin-bottom: 0; }
.case-list .tit-list a h3 { padding: 0; margin-bottom: 7px; font-size: 16px; }
.case-list .tit-list a p { display: block; height: 20px; overflow: hidden; color: #999999; }
.case-list .tit-list a.active p { color: #ffffff; }
.news-wrap .news-list { overflow: hidden; margin-left: -2%; }
.news-wrap .news-list .box, .news-wrap .news-list li { width: 48%; float: left; margin-bottom: 20px; margin-left: 2%; }
.cooperate-wrap .list .box { width: 20%; }
.f-nav { overflow: hidden; }
.f-nav dl { width: 20%; float: left; }
.f-nav dd a { display: block; }
.main-menu a { width: 19%; }
.page-honor-list li { width: 23%; }
.main { margin-left: auto; margin-right: auto; }
.page-case-list { overflow: hidden; margin-left: -2%; }
.page-case-list .box, .page-case-list li { width: 31.33333%; float: left; margin-bottom: 20px; margin-left: 2%; }
.main-menu a { vertical-align: middle; }
.main-menu { text-align: center; }
.page-knowledge-list { overflow: hidden; margin-left: -2%; }
.page-knowledge-list .box, .page-knowledge-list li { width: 31.33333%; float: left; margin-bottom: 20px; margin-left: 2%; }
.page-news-list .box a { padding: 20px; background: #f8f8f8; }
.page-news-list .box .img { width: 29.4573%; margin-right: 30px; padding-top: 17.054%; }
.page-news-list .box .con .time { margin-bottom: 30px; font-size: 14px; }
.page-news-list .box .con .tit { margin-bottom: 10px; }
.page-about { overflow: hidden; overflow: hidden; margin-left: -2%; }
.page-about .box, .page-about li { width: 48%; float: left; margin-bottom: 20px; margin-left: 2%; }
.page-about .box { margin-bottom: 15px; }
.page-culture { overflow: hidden; margin-left: -2%; }
.page-culture .box, .page-culture li { width: 23%; float: left; margin-bottom: 20px; margin-left: 2%; }
.page-gongyi { margin-left: -1%; }
.page-gongyi .box { width: 24%; margin-left: 1%; }
.busi-process .col-xs-3 { margin-bottom: 25px; }
.page-contact { overflow: hidden; margin-left: -2%; }
.page-contact .box, .page-contact li { width: 31.33333%; float: left; margin-bottom: 20px; margin-left: 2%; }
.page-contact .box { margin-bottom: 0; }
.map { margin-top: 25px; }
.page-message .message-form .form-group.inline .form-control { display: inline-block; width: 32.95%; margin-bottom: 0; }
.page-message .message-form .form-group.sub-btn .form-control { width: 320px; margin: 0 auto; }
#nav-menu li a { font-size: 14px; }
}
 @media screen and (min-width: 992px) {
#nav-menu > ul > li:hover > a:after { display: block; }
.tit01 h2 { font-size: 24px; }
.service-wrap, .procedure-wrap { margin-top: 40px; }
.service-wrap .list a { position: relative; }
.service-wrap .list a .tit { position: absolute; top: 0; left: 0; right: 0; bottom: 0; top: auto; text-align: left; background: url(../images/service-tit.png) repeat-y center left; line-height: 30px; color: #ffffff; padding: 0 10px; }
.procedure-wrap .proc-tit { height: 180px; }
.procedure-wrap .proc-tit { padding-top: 60px; }
.procedure-wrap .proc-tit h2 { font-size: 24px; }
.procedure-wrap .proc-tit h2:after { margin-top: 20px; }
.state-menu { display: none; }
.procedure-wrap .list { margin-top: 50px; }
.procedure-wrap .list .box { margin-bottom: 0; }
.procedure-wrap { padding-bottom: 50px; }
.do-wrap { margin-top: 40px; }
.tit01 { margin-bottom: 25px; }
.tit01 h2 { margin-bottom: 10px; }
.tit01 p { font-size: 16px; }
.tit01 h2:before, .tit01 h2:after { width: 270px; height: 16px; margin-left: -280px; }
.tit01 h2:after { margin-left: 10px; }
.ad-wrap, .case-wrap, .about-wrap { margin-top: 40px; }
.case-wrap .tab-tit a { padding: 8px 15px; }
.case-wrap .tab-con { margin-top: 20px; }
.case-list .tit-list a { padding: 18px 14px; }
.case-list .tit-list a h3 { font-size: 20px; }
.nums-wrap { margin-top: 18px; }
.honor-wrap, .news-wrap, .cooperate-wrap { margin-top: 40px; }
.news-list a .img, .service-wrap .list a .img, .page-case-list .box a .img, .page-knowledge-list .box a .img, .page-honor-list li a .img { overflow: hidden; }
.news-list a .img img, .service-wrap .list a .img img, .page-case-list .box a .img img, .page-knowledge-list .box a .img img, .page-honor-list li a .img img { transition: all linear .3s; }
.news-list a:hover .img img, .service-wrap .list a:hover .img img, .page-case-list .box a:hover .img img, .page-knowledge-list .box a:hover .img img, .page-honor-list li a:hover .img img { transform: scale(1.2); }
.news-list a:hover .con .tit, .service-wrap .list a:hover .con .tit, .page-case-list .box a:hover .con .tit, .page-knowledge-list .box a:hover .con .tit, .page-honor-list li a:hover .con .tit { color: #aa0004; }
.news-list a:hover .tit, .service-wrap .list a:hover .tit, .page-case-list .box a:hover .tit, .page-knowledge-list .box a:hover .tit, .page-honor-list li a:hover .tit { color: #aa0004; }
.news-list .con { margin-top: 10px; }
.news-list .con .time { margin-bottom: 10px; }
.news-list a .img { margin-right: 15px; }
.cooperate-wrap .list a { overflow: hidden; }
.cooperate-wrap .list a img { transition: all linear .3s; }
.cooperate-wrap .list a:hover img { transform: scale(1.2); }
.footer-wrap { margin-top: 40px; }
.footer-wrap .footer { padding-top: 25px; padding-bottom: 25px; }
.friend { width: 200px; }
body { padding-bottom: 0; }
.copyright { padding-top: 20px; }
.crumbs { margin-top: -100px; padding-left: 40px; display: block; background: url(../images/home.png) no-repeat; position: relative; }
.crumbs a { color: #ffffff; }
.main { padding: 0 15px; position: relative; }
.main-menu { text-align: center; padding: 0; }
.main-menu a { width: auto; padding: 23px 25px; }
.content { padding-top: 30px; padding-left: 0; padding-right: 0; }
.page-honor-list { margin-left: -2%; }
.page-honor-list li { margin-right: 0; margin-left: 2%; }
.main-menu a:hover { background: #aa0004; color: #ffffff; }
.crumbs { color: #ffffff; }
.page-knowledge-list .box .con .time { line-height: 24px; }
.page-knowledge-list .box a { padding: 20px; }
.page-knowledge-list .box a:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); background: #ffffff; }
.page-knowledge-list .box a:hover .time { background-image: url(../images/know-arr2.png); }
.page-knowledge-list .box .con { margin-top: 20px; }
.page-knowledge-list .box .con .txt { line-height: 30px; height: 60px; }
.page-knowledge-list .box .con .time { line-height: 33px; margin-top: 25px; }
.page-knowledge-list .box { margin-bottom: 30px; }
.page-news-list .box .con .tit { font-size: 20px; }
.page-news-list .box .con { margin-top: 30px; }
.page-news-list .box a:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); background: #ffffff; }
.turn-page { padding-top: 40px; margin-top: 40px; }
.turn-page p a { max-width: 93%; width: 93%; }
.turn-page p:hover { background-color: #aa0004; background-position: 98% -50px; color: #FFFFFF; }
.turn-page p:hover a { color: #FFFFFF; }
.turn-page { margin-top: 50px; overflow: hidden; border-top: 1px solid #e5e5e5; }
.turn-page p { border-radius: 4px; height: 50px; padding-left: 30px; padding-right: 0; font-size: 16px; }
.turn-page p a { line-height: 50px; max-width: 69%; width: 85%; text-decoration: none; }
.turn-page p:hover { background-position: 40px -37px; }
.turn-page .turn-l { width: 48%; margin-bottom: 0; float: left; padding-left: 25px; background-position: 8px 22px; }
.turn-page .turn-l:hover { background-position: 8px -37px; }
.turn-page .turn-r { width: 48%; float: right; padding-left: 25px; background-position: 94% 24px; }
.turn-page .turn-r a { padding-right: 27px; }
.turn-page .turn-r:hover { background-position: 94% -35px; }
.turn-page p { border: 0; background-color: #f0f0f0; }
.turn-page .turn-l { padding-left: 36px; background-position: 16px 22px; }
.turn-page .turn-l:hover { background-position: 16px -37px; }
.turn-page { margin-bottom: 0; }
.busi-process .col-xs-3 { width: 12.5%; margin-bottom: 0; }
.busi-process { margin-bottom: 10px; }
.page-message { margin-top: 30px; }
.page-message .tit { font-size: 30px; }
.page-message .tit:after { content: ''; width: 60px; height: 3px; background: #aa0004; display: block; margin: 0 auto; margin-top: 15px; }
.page-message .message-form { margin-top: 30px; }
.page-message .message-form .form-group .form-control { box-shadow: none; height: 40px; }
.page-message .message-form .form-group textarea.form-control { height: 180px; }
#nav-menu > ul > li > a { padding: 15px 23px; }
#nav-menu > ul > li .sec-menu { position: absolute; left: 0; right: 0; background: #aa0004; z-index: 2; padding-left: 0; padding-top: 8px; }
#nav-menu > ul > li .sec-menu li { text-align: center; }
#nav-menu > ul > li .sec-menu li a { display: block; }
#nav-menu > ul > li .sec-menu li a:hover { background: #c00005; }
#nav-menu > ul > li:hover .sec-menu { display: block; }
#nav-menu > ul > li.item3 .sec-menu { width: 130px; margin-left: -13px; }
#nav-menu > ul > li.item4 .sec-menu { width: 180px; margin-left: -40px; }
#nav-menu li .sec-menu li { line-height: 30px; }
.service-wrap .list a:hover .tit { color: #ffffff; }
.do-wrap .list .box .desc { display: block; position: absolute; left: 0; right: 0; height: 100%; transition: all linear .4s; background: rgba(0,0,0,.8); color: #ffffff; padding: 20px; text-align: center; overflow: hidden; }
.do-wrap .list .box:hover .desc { transform: translateY(-100%); }
}
 @media screen and (min-width: 1200px) {
.top-wrap { height: 110px; }
.logo { width: 200px; height: 67px; margin-top: 22px; }
.logo .navbar-brand { padding: 0; height: 100%; }
.logo .navbar-brand a { background-size: auto; }
#nav-menu { float: left; margin-top: 30px; }
#nav-menu > ul > li.active > a { font-size: 16px; }
#nav-menu > ul > li > a { padding: 15px 19px; padding-bottom: 45px; }
.top-tel { display: block; float: right; background: url(../images/top-tel.png) no-repeat center left; padding-left: 65px; min-height: 45px; margin-top: 33px; }
.top-tel p { line-height: 45px; color: #aa0004; font-size: 24px; font-weight: bold; }
.advan-wrap .list .box h3 { font-size: 20px; }
body { font-size: 16px; }
.advan-wrap .list .box { background-size: auto; padding: 25px 20px; margin-bottom: 0; }
.advan-wrap { padding: 20px 0; }
.service-wrap, .procedure-wrap { margin-top: 80px; }
.tit01 { margin-bottom: 50px; }
.tit01 h2 { font-size: 36px; margin-bottom: 15px; }
.tit01 p { font-size: 20px; }
.service-wrap .list a .tit { margin-top: 0; line-height: 50px; padding-left: 20px; font-size: 20px; }
.service-wrap .list .box { margin-bottom: 0; }
.procedure-wrap .list .con h3 { font-size: 20px; margin-bottom: 15px; }
.procedure-wrap .list .con { padding: 20px; }
.procedure-wrap .list .con p { line-height: 30px; height: 90px; }
.procedure-wrap { padding-bottom: 80px; }
.do-wrap { margin-top: 80px; }
.do-wrap .list .box .tit { font-size: 26px; }
.ad-wrap { height: 230px; background-size: auto !important; }
.ad-wrap a { background-size: auto !important; }
.ad-wrap, .case-wrap, .about-wrap { margin-top: 80px; }
.case-wrap .tab-tit a { line-height: 45px; padding: 0 36px; font-size: 18px; color: #666666; }
.case-wrap .tab-con { margin-top: 40px; }
.case-list .tit-list a { padding: 27px 20px; }
.ad-wrap.ad02 { height: 450px; }
.about-wrap .con { line-height: 36px; }
.nums-wrap { height: 320px; padding: 40px; background: url(../images/about-bg.png) no-repeat center; background-size: cover; }
.nums-wrap .tit { font-size: 28px; }
.nums-wrap .list { width: 600px; margin-left: 0; margin-top: 80px; }
.nums-wrap .list .box { width: auto; padding: 0 23px; text-align: left; }
.nums-wrap .list .box01 { margin-left: 0; padding-left: 0; }
.nums-wrap .list .box h3 { font-size: 28px; }
.nums-wrap .list .box h3 span { font-size: 46px; }
.honor-wrap, .news-wrap, .cooperate-wrap { margin-top: 80px; }
.honor-list .tit { font-size: 20px; margin-top: 25px; }
.news-list a { padding: 30px; background: #f8f8f8; }
.news-list .con .time { font-size: 16px; }
.news-list .con .txt { line-height: 30px; height: 60px; }
.news-wrap .news-list .box { margin-bottom: 40px; }
.news-wrap .news-list .box03, .news-wrap .news-list .box04 { margin-bottom: 0; }
.ad-wrap.ad03 { height: 480px; }
.cooperate-wrap .list a img { max-height: 80%; }
.footer-wrap { margin-top: 80px; }
.footer .f-l { width: 26.76%; float: left; }
.footer .f-tel p { font-size: 18px; }
.footer-wrap .footer .f-l .f-tel h3 { font-size: 36px; margin-top: 10px; margin-bottom: 35px; }
.f-address p { margin-bottom: 10px; }
.friend { margin-top: 20px; }
.friend .toggle { width: 250px; line-height: 50px; color: #999999; }
.f-nav { width: 53.5211%; float: left; margin-left: 4.225%; }
.f-nav dt, .f-nav dd { text-align: center; }
.f-nav dt { margin-bottom: 15px; }
.f-nav dd a { margin-right: 0; margin-bottom: 10px; }
.f-nav { margin-top: 0; }
.f-nav a:hover { color: #aa0004; }
.f-qr { width: 140px; margin-top: 0; float: right; float: right; }
.footer-wrap .footer { padding-top: 50px; padding-bottom: 0; }
.copyright { margin-top: 70px; }
.main-menu { position: relative; z-index: 1; }
.main-menu a { position: relative; }
.main-menu a:hover, .main-menu a.active { background: none; }
.main-menu a:before { content: ''; width: 100%; height: 0px; background: #aa0004; position: absolute; left: 0; top: 0; z-index: -1; transition: all linear .3s; }
.main-menu a:hover:before { height: 75px; }
.main-menu a.active:before { height: 75px; }
.main { padding: 0 20px; }
.page-case-list .box .con .tit { font-size: 18px; }
.page-case-list .box .con { padding: 20px; }
.page-case-list .box a:hover { box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); }
.page-case-list .box .con .tit { margin-bottom: 13px; }
.page-case-list .box .con .specs { padding-bottom: 18px; margin-bottom: 18px; }
.page-case-list .box .con .time-views .item01, .page-case-list .box .con .time-views .item02, .page-case-list .box .con .specs .item01, .page-case-list .box .con .specs .item02 { font-size: 16px; }
.page-news-list .more { display: block; position: absolute; right: 0; bottom: 0; width: 180px; line-height: 38px; background: url(../images/news-arr.png) no-repeat 98px center #333333; text-transform: uppercase; color: #ffffff; padding-left: 38px; }
.page-news-list .box { margin-bottom: 30px; }
.page-news-list .box a { position: relative; }
.page-news-list .box a:hover .more { background-color: #aa0004; }
.text-title { padding: 30px; }
.text-title h1 { line-height: 34px; margin-bottom: 15px; font-size: 32px; }
.text-title p { font-size: 18px; }
.detail-box { line-height: 30px; }
.detail-box p { margin-bottom: 15px; }
.turn-page { padding-bottom: 30px; }
.page-contact .box .tit { font-size: 20px; }
.page-contact .box { padding-top: 27px; padding-bottom: 27px; }
.page-contact .box .txt { margin-top: 10px; }
.map { margin-top: 20px; }
.page-message .message-form .form-group.inline .form-control { height: 60px; padding-left: 20px; font-size: 18px; }
 .page-message .message-form .form-group.inline .form-control::-webkit-input-placeholder {
 color: #c0c0c0;
}
.page-message .message-form .form-group textarea.form-control { font-size: 18px; padding-top: 20px; }
 .page-message .message-form .form-group textarea.form-control::-webkit-input-placeholder {
 color: #c0c0c0;
}
.page-message .message-form .form-group.sub-btn .form-control { height: 60px; font-size: 18px; font-weight: bold; }
.fixed-side { display: block; position: fixed; right: 0; bottom: 30%; border: 1px solid #e5e5e5; border-bottom: 0; }
.fixed-side .toggle { display: block; width: 100px; height: 100px; background: #FFFFFF; border-bottom: 1px solid #e5e5e5; text-align: center; padding-top: 20px; }
.fixed-side .toggle img { height: 30px; }
.fixed-side .toggle span { margin-top: 10px; font-size: 18px; display: block; }
.fixed-side .toggle:hover + .con { display: block; }
.fixed-side .con { display: none; position: absolute; top: 0; }
.fixed-side .box { position: relative; }
.fixed-side .box01 .con { width: 180px; margin-left: -190px; font-size: 20px; background: #aa0004; color: #ffffff; line-height: 50px; margin-top: 20px; text-align: center; }
.fixed-side .box02 .con { margin-left: -130px; }
.fixed-side .box02 .con img { width: 132px; height: 132px; }
.fixed-side .box03 .toggle img { height: 19px; }
.fixed-side .box03 .con { display: none; }
}
 @media screen and (min-width: 1878px) {
.container { width: 1420px; padding-left: 0; padding-right: 0; }
#nav-menu { margin-left: 80px; }
#nav-menu > ul > li > a { padding-left: 23px; padding-right: 23px; }
.top-tel p { font-size: 32px; }
.advan-wrap .list .box { padding: 23px 20px; padding-left: 40px; }
.advan-wrap .list .box h3 { margin-bottom: 10px; }
.procedure-wrap .list .con p { height: 60px; }
.case-list .tit-list a h3 { font-size: 24px; }
.case-list .tit-list a p { font-size: 18px; height: 20px; line-height: 20px; }
.case-list .tit-list a h3 { margin-bottom: 15px; }
.case-list .tit-list a { padding: 34px 20px; }
.case-list .tit-list a { margin-bottom: 3.2%; }
.case-list .tit-list a.active { background-image: url(../images/case-arr.png); background-repeat: no-repeat; background-position: 95% center; padding-right: 80px; }
.news-list a .img { margin-right: 20px; }
.news-list .con { margin-top: 20px; }
.news-list .con .tit { margin-bottom: 12px; }
.news-list .con .time { margin-bottom: 25px; }
.footer .f-l { width: 27.76%; }
.f-nav { margin-left: 1%; }
.f-nav dt a { font-weight: normal; font-size: 18px; }
.f-nav dt { margin-bottom: 20px; }
.f-nav dd a { margin-bottom: 15px; }
.f-nav dd a:last-child { margin-bottom: 0; }
.f-nav dl { width: auto; margin-bottom: 0; margin: 0 22px; }
.footer-wrap .footer { padding-left: 0; padding-right: 0; }
.f-nav { margin-left: 2%; }
.crumbs { padding-left: 70px; background-position: 40px center; }
.main { padding-left: 40px; padding-right: 40px; }
.main-menu a { padding: 42px 35px; font-size: 18px; }
.main-menu a:hover:before, .main-menu a.active:before { height: 130px; }
.content { padding-top: 50px; }
.page-honor-list li { width: 320px; margin-left: 20px; margin-bottom: 50px; }
.page-honor-list li .img { padding-top: 450px; }
.page-honor-list li .tit { font-size: 20px; margin-top: 28px; font-weight: normal; }
.page a.a1, .page span, .page a { line-height: 34px; }
.page { padding-bottom: 0; }
.main { margin-bottom: 0; padding-bottom: 50px; }
.page-case-list .box { width: 420px; margin-bottom: 30px; }
.page-knowledge-list { margin-left: -40px; }
.page-knowledge-list .box { width: 420px; margin-left: 40px; }
.detail-box { line-height: 36px; font-size: 18px; }
.turn-page .turn-l, .turn-page .turn-r { font-size: 18px; line-height: 50px; color: #999999; }
.turn-page .turn-l a, .turn-page .turn-r a { color: inherit; }
.turn-page p a { vertical-align: top; }
.turn-page { padding-bottom: 0; }
.text-title p { white-space: pre; }
.turn-page p a { max-width: 85%; }
.page-about { margin-left: -4px; }
.page-about .box { width: 668px; margin-left: 4px; margin-bottom: 4px; }
.page-culture { margin-left: -20px; }
.page-culture .box { width: 320px; margin-left: 20px; margin-bottom: 0px; }
.page-tit { font-size: 24px; margin-top: 30px; margin-bottom: 15px; }
.page-message .message-form { padding-left: 40px; padding-right: 40px; }
.page-message .message-form .form-group.inline { font-size: 0; margin-left: -15px; }
.page-message .message-form .form-group.inline .form-control { margin-left: 15px; width: 410px; }
#nav-menu > ul > li .sec-menu li { line-height: 40px; }
#nav-menu > ul > li .sec-menu li a { font-size: 16px; }
#nav-menu > ul > li.item3 .sec-menu { width: 150px; margin-left: -23px; }
#nav-menu > ul > li > a { font-size: 16px; }
#nav-menu > ul > li.item4 .sec-menu { width: 200px; margin-left: -45px; }
.fixed-side { right: 30px; bottom: 10%; }
}