@font-face { font-family: "iconfont"; src: url('font/iconfont.eot'); /* IE9*/ src: url('font/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/iconfont.woff') format('woff'), /* chrome、firefox */ url('font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('font/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; }
.icon-to-right:before { content: '\e61f'; }
.icon-to-left:before { content: '\e61e'; }
.icon-to-down:before { content: '\e62d'; }
.icon-to-up:before { content: ''; }
.icon-menu:before { content: '\e62b' }
.icon-more-circle:before { content: '\e62c'; }
.icon-more-circle-o:before { }
.icoon-down-circle-o:before { content: '\e621'; }
.icon-add:before { content: '\e629'; }
.icon-phone:before { content: '\e626'; }
.icon-email:before { content: '\e619'; }
.icon-home:before { content: '\e631'; }
.icon-message:before { content: '\e61b'; }
.icon-class-01:before { content: '\e614'; }
.icon-class-02:before { content: '\e60b'; }
.icon-class-03:before { content: '\e608'; }
.icon-class-04:before { content: '\e60c'; }
.icon-class-05:before { content: '\e606'; }
.icon-class-06:before { content: '\e607'; }
.icon-class-07:before { content: '\e60e'; }
.icon-class-08:before { content: '\e612'; }
.icon-class-09:before { content: ''; }
.icon-class-010:before { content: '\e601'; }
/*返回头部*/
.izl-rmenu { position: fixed; right: 5px;/*margin-left:532px;*/ bottom: 10px; padding-bottom: 50px; z-index: 1001; }
.izl-rmenu .btn { width: 48px; height: 48px; margin-bottom: 1px; cursor: pointer; position: relative; }
.izl-rmenu .btn-qq { background: url(../images/r_qq.png) center no-repeat; background-size: cover; }
.izl-rmenu a.btn-qq, .izl-rmenu a.btn-qq:visited { background: url(../images/r_qq.png) 0px 0px no-repeat; background-size: cover; text-decoration: none; display: block; }
.izl-rmenu .btn-wx { background: url(../images/r_wx.png) 0px 0px no-repeat; }
.izl-rmenu .btn-wx .pic { position: absolute; left: -160px; top: 0px; display: none; width: 160px; height: 160px; }
.izl-rmenu .btn-phone { background: url(../images/r_phone.png) 0px 0px no-repeat; }
.izl-rmenu .btn-phone .phone { position: absolute; width: 160px; left: -160px; top: 0px; line-height: 61px; color: #FFF; font-size: 18px; text-align: center; display: none; }
.izl-rmenu .btn-top { background: url(../images/r_top.png) center no-repeat; background-size: cover; }
.izl-rmenu .btn-class { display: block; background: url(../images/r_class.png) center no-repeat; background-size: 100%; }
.izl-rmenu .btn-class, .izl-rmenu .btn-qq, .izl-rmenu .btn-wx, .izl-rmenu .btn-phone, .izl-rmenu .btn-top { background-color: #ce8b18 !important; }
.izl-rmenu .btn-class:hover, .izl-rmenu .btn-qq:hover, .izl-rmenu .btn-wx:hover, .izl-rmenu .btn-phone:hover, .izl-rmenu .btn-top:hover, .izl-rmenu .btn-phone .phone { background-color: #cf0b0b !important; }
/***详情页***/
.detaile-box { padding-top: 10px; }
.detail-title { text-align: center; color: #666; padding-bottom: 10px; }
.detail-title .title-large { font-weight: 500; line-height: 30px; margin-bottom: 10px; font-size: 20px; text-transform: uppercase; }
.detail-title .title-middle { line-height: 32px; margin-bottom: 10px; font-size: 18px; }
.detail-title .title-small { line-height: 26px; margin-bottom: 20px; font-size: 14px; }
.detaile-box .text { text-indent: 2em; margin-bottom: 20px; font-size: 14px; line-height: 30px; text-align: center; }
.detaile-box .media { width: 100%; }
.detaile-box table { border: 1px solid #ddd; }
.detaile-box table td { padding: 5px 0; border: 1px solid #ddd; }
.detaile-box table p { margin-bottom: 0; }
.page-sub-menu { color: #888; line-height: 26px; }
.page-sub-menu p { margin-bottom: 5px; }
.page-sub-menu a:hover { text-decoration: underline; }
.next-box { padding: 10px 0; width: 100%; background: #eaf9fc; text-align: center; }
.next-box .icon-next { display: inline-block; *display: inline;
zoom: 1; }
.detail-main { padding-bottom: 20px; width: 100%; max-width: 1100px; margin: 0 auto; }
.detaile-box p { font-size: 15px; line-height: 26px; margin-bottom: 8px; }
.detaile-box .t2 { text-indent: 2em; }
.detaile-box .media { padding: 10px 0; }
.detaile-box img { max-width: 100% !important; height: auto !important; }
.tc { text-align: center; }
.btn-box { text-align: center; padding: 30px 0; }
.btn-detail { overflow: hidden; position: relative; display: block; margin: 0 auto; font-size: 16px; width: 150px; height: 44px !important; line-height: 44px !important; color: #666; border: 1px solid #999; text-align: center; line-height: 45px; }
.btn-detail:hover { border-color: #cf0b0b; color: #fff; }
/**案例***/
.header-wrap, .wrap, .nav-wrap .con-wrap, .header, .footer { width: 100%; }
.container, .page-container { width: 100%; }
body { background: #fff; overflow-x: hidden; }
.header-wrap .top { background: #f0f0f0; line-height: 16px; padding: 8px 0; }
.header-wrap .top .right { padding: 2px 0; position: relative; float: right; }
.header-wrap .top p { float: left; padding: 2px 0; }
.top .jiathis_style { padding-left: 10px; float: right; }
.jiathis_style .tit { float: left; }
.header { padding: 10px 0; }
.top-tel strong { font-size: 20px; font-weight: 500; }
.nav-out { background: #cf0b0b; }
.nav { margin-bottom: -1px; overflow: hidden; }
.nav-out li { border-left: 1px solid #9a0e0e; box-sizing: border-box; border-bottom: 1px solid #9a0e0e; width: 25%; float: left; }
.nav-out li a { font-size: 16px; display: block; color: #fff; line-height: 40px; text-align: center; }
.nav-out .active a, .nav-out a:hover { background: #ce8b18; }
/****页脚****/
.footer { margin-top: 30px; background: #4f4f4f; padding: 12px 0; padding-bottom: 70px; line-height: 24px; text-align: center; color: #fff; }
.footer .container { }
.title01 { font-size: 24px; text-align: center; line-height: 32px; padding: 15px 0; }
.title01 h1 { font-weight: 500; position: relative; padding: 0 10px; display: inline-block; *display: inline;
zoom: 1; }
.title01 h1:before, .title01 h1:after { position: absolute; top: 50%; width: 120px; height: 1px; content: ''; background: #d9d9d9; }
.title01 h1:before { left: -120px; }
.title01 h1:after { right: -120px; }
.title01 h1 .eg { font-size: 22px; display: block; color: #cf0b0b; text-transform: uppercase; }
.title02 { padding: 15px 0; }
.title02 .name { margin-bottom: 10px; text-align: center; font-size: 24px; }
.title02 .name .white { color: #fff; display: inline-block; *display: inline;
zoom: 1; padding: 0 21px 0 12px; margin-right: 5px; background: url("../images/title-bg.png") right center no-repeat; }
.title02 .small { text-align: center; line-height: 26px; }
.btn-cen { text-align: center; }
.btn-red-kong { border: 1px solid #cf0b0b; }
.btn-red-kong:hover { background: #cf0b0b; color: #fff; }
.about-home { padding: 20px 0; }
.about-home .main { margin-bottom: 20px; }
.about-home .main p { font-size: 15px; margin-bottom: 5px; text-indent: 2em; }
.about-home #plv_12bd61efcc22393c03cabb44654c16f7_1 { margin-bottom: 15px; position: relative; width: 100%; }
.about-home #plv_12bd61efcc22393c03cabb44654c16f7_1 object { left: 0; top: 0; width: 100% !important; height: 100% !important; }
.product-home { padding-bottom: 20px; background: #eee; }
.prd-menu { padding-bottom: 25px; overflow: hidden; text-align: center; }
.prd-menu li { margin: 0 5px; display: inline-block; *display: inline;
zoom: 1; }
.prd-menu li a { font-size: 14px; padding: 0 15px; display: block; background: #fff; line-height: 32px; }
.prd-menu li:hover a { background: #cf0b0b; color: #fff; }
.product-list { overflow: hidden; }
.product-list li { float: left; width: 47%; margin-left: 2%; margin-bottom: 15px; }
.product-list li a { display: block; border: 1px solid #999; padding: 9px; background: #fff; }
.product-list li .img { position: relative; padding-bottom: 98%; display: block; width: 100%; }
.product-list li img { position: absolute; height: 100%; top: 0; left: 0; width: 100%; }
.product-list li .cen { text-align: center; }
.product-list li .title { font-size: 16px; line-height: 26px; padding: 5px 0; border-bottom: 1px solid #e8e8e6; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.product-list li .txt { padding-top: 5px; line-height: 24px; font-size: 14px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.advantage-list { overflow: hidden; }
.advantage-list li { margin-bottom: 15px; border-bottom: 1px solid #eaeaea; padding-bottom: 10px; }
.advantage-list li .title { color: #dc9315; font-size: 20px; font-weight: 500; }
.advantage-list li .title em { font-style: inherit; font-weight: 600; }
.advantage-list li .txt { font-size: 16px; line-height: 22px; }
.advantage-home { padding-bottom: 20px; }
.case-home { padding-bottom: 20px; background: #f0e8e1; }
.case-list { overflow: hidden; }
.case-list li { float: left; margin-left: 2%; width: 47%; margin-bottom: 15px; }
.case-list li a { padding: 4px; background: #fff; display: block; }
.case-list li .img { display: block; position: relative; padding-bottom: 70%; }
.case-list li .img img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.case-list2 a { border: 1px solid #e2e2e2; text-align: center; }
.case-list2 .img { }
.case-list2 .title { text-align: center; padding: 5px 0 0; font-weight: 500; font-size: 15px; line-height: 28px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.case-list2 .title a { padding: 0; }
.news-list { overflow: hidden; }
.news-list li { margin-bottom: 20px; float: left; width: 47%; margin-left: 2%; }
.news-list li a, .news-list li .img { display: block; }
.news-list li .img { margin-bottom: 5px; position: relative; width: 100%; padding-bottom: 72%; }
.news-list li img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.news-list li .title { font-size: 16px; font-weight: 500; line-height: 20px; margin-bottom: 7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-list li .txt { line-height: 24px; overflow: hidden; height: 48px; }
/****子页面****/
.page-container { padding-bottom: 20px; }
.page-banner { width: 100%; position: relative; height: 320px; }
.page-banner .b-img { position: absolute; top: 0; width: 1920px; left: 50%; margin-left: -960px; }
.crumb { background: url("../images/icon-crumb.png") 3px 50% no-repeat; padding-left: 28px; margin-bottom: 25px; border-bottom: 1px solid #e8e8e8; line-height: 42px; color: #666; }
.crumb a { color: #333; }
.page-menu { margin-bottom: 20px; overflow: hidden; }
.page-menu li { margin-right: 5px; float: left; }
.page-menu li a { background: #f9f9f9; position: relative; float: left; padding-left: 45px; padding-right: 30px; line-height: 46px; font-size: 16px; }
.page-menu li a:before { content: ''; position: absolute; left: 27px; top: 23px; width: 5px; height: 5px; background: #aaaaaa; }
.page-menu .current a, .page-menu li:hover a { background: #ce8b18; color: #fff; }
.page-menu .current a:before { background: #fff; }
.news-list-page { padding-bottom: 20px; margin-top: -24px; }
.news-list-page .list { border-bottom: 1px dotted #aaa; padding: 24px 0; overflow: hidden; }
.news-list-page .img { float: left; width: 32%; margin-right: 2%; }
.news-list-page .img a { padding-bottom: 71%; display: block; position: relative; }
.news-list-page .img img { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.news-list-page a:hover { text-decoration: underline; }
.news-list-page .title { margin-bottom: 5px; }
.news-list-page .title a { display: block; font-size: 16px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news-list-page .title a { }
.news-list-page .txt { margin-bottom: 5px; line-height: 22px; max-height: 66px; overflow: hidden; }
.news-list-page .foot { color: #666; overflow: hidden; }
.news-list-page .foot .more { float: right; color: #cf0b0b; }
.contact-box { overflow: hidden; margin-bottom: 15px; }
.contact-box .left { min-height: 452px; float: left; background: #f8f8f8; width: 45.95%; padding: 15px 2%; }
.contact-box .right { min-height: 452px; float: right; background: #f8f8f8; width: 41.95%; padding: 15px 4%; }
.web-map { width: 100%; }
.contact-box .left .title { font-size: 16px; font-weight: 500; color: #cf0b0b; margin-bottom: 5px; }
.contact-box .cat-list { margin-bottom: 15px; font-size: 15px; line-height: 42px; }
.contact-box .cat-list li { padding-left: 50px; border-bottom: 1px solid #e5e5e5; position: relative; }
.contact-box .icon { position: absolute; width: 32px; height: 32px; left: 5px; top: 5px; background: url("../images/icon.png") no-repeat; }
.contact-box .icon-tel { background-position: 0 0; }
.contact-box .icon-name { background-position: 0 -32px; }
.contact-box .icon-chuanzhen { background-position: 0 -64px; }
.contact-box .icon-phone { background-position: 0 -96px; }
.contact-box .icon-emal { background-position: 0 -128px; }
.contact-box .icon-address { background-position: 0 -160px; }
.contact-box .wechat img { width: 115px; }
.message-box .txt { margin-bottom: 15px; }
.message-form { }
.message-form li { position: relative; padding-left: 18%; margin-bottom: 15px; overflow: hidden; }
.message-form .name { position: absolute; width: 15%; left: 0; top: 0; text-align: right; line-height: 24px; padding: 5px 0; }
.message-form .ipt-txt { float: left; width: 100%; box-sizing: border-box; border: 1px solid #dedede; line-height: 36px; height: 36px; text-indent: 12px; }
.message-form textarea.ipt-txt { height: 100px; text-indent: 0; }
.message-form .radio-li { float: left; cursor: pointer; margin-right: 8px; }
.message-form .ipt-btn { background: #b21d13; width: 90%; border-radius: 3px; font-family: '微软雅黑'; cursor: pointer; font-size: 14px; text-align: center; height: 38px; color: #fff; line-height: 34px; border: none; }
.message-form .ipt-btn:hover { background: #bf2116; }
.message-form .code-list .ipt-txt { width: 30%; margin-right: 10px; }
.message-form .code-list .code-img { height: 36px; float: left; width: 25%; cursor: pointer; }
.message-form .code-list .code-img img { width: 100%; height: 100%; }
.message-form .btn-detail { font-size: 14px; cursor: pointer; margin: 0; width: 125px; height: 38px !important; line-height: 38px !important; color: #fff; background: #dd2020; border-radius: 3px; overflow: hidden; border: 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: 1.4rem; }
.state-menu li i { font-size: 1rem; 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; }
.fxt_links { background: #e43333; min-height: 40px; line-height:40px; margin-top: -12px; }
.fxt_links a { margin: 0px 5px; color: #fff; }
 @media screen and (max-width: 1024px) {
.header-wrap .top p { display: none; }
.header .logo { text-align: center; }
.header .logo img { max-width: 90%; }
.top-tel { text-align: center; }
.top-tel strong { font-size: 20px; }
.container { padding-left: 15px; padding-right: 15px; box-sizing: border-box; }
.product-home .container { padding-left: 0; padding-right: 0; }
.case-home .container { padding-left: 0; padding-right: 0; }
.news-home .container { padding-left: 0; padding-right: 0; }
.page-banner { height: auto; overflow: hidden; }
.page-banner .b-img { position: relative; width: 140%; left: -20%; margin-left: 0; }
.page-container { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-bottom: 0; padding-left: 15px; padding-right: 15px; }
.news-list-page .txt { margin-bottom: 5px; line-height: 22px; max-height: 44px; overflow: hidden; }
.contact-box .left { margin-bottom: 2px; }
.contact-box .left, .contact-box .right { box-sizing: border-box; width: 100%; float: none; }
.contact-box .right { }
.message-form li { position: relative; padding-left: 29%; margin-bottom: 15px; overflow: hidden; }
.message-form .name { position: absolute; width: 26%; left: 0; top: 0; text-align: right; line-height: 24px; padding: 5px 0; }
.message-form .ipt-txt { float: left; width: 100%; box-sizing: border-box; border: 1px solid #dedede; line-height: 36px; height: 36px; text-indent: 12px; }
}
 @media screen and (min-width: 320px) {
.header-wrap .top p { display: none; }
.banner .pic { height: 170px !important; background-size: 150% !important; }
}
@media screen and (min-width: 375px) {
}
@media screen and (min-width:481px) {
}
 @media screen and (min-width:641px) {
.header-wrap .top p { display: block; }
.title01 { padding: 20px 0; }
.title02 { padding: 20px 0; }
.title02 .name { font-size: 28px; }
.product-home { padding-bottom: 30px; }
.prd-menu { padding-bottom: 35px; }
.advantage-home { padding-bottom: 30px; }
.case-home { padding-bottom: 30px; }
}
@media screen and (min-width:862px) {
.nav-out li { border: none; box-sizing: inherit; width: 12.5%; float: left; }
.nav-out li a { line-height: 50px; }
.product-list li { float: left; width: 23.5%; margin-bottom: 25px; }
.case-list li { width: 22.5%; margin-bottom: 15px; }
.news-list li { width: 22.5%; }
}
 @media screen and (min-width:1024px) {
.header-wrap { background: url(../images/head-bg.jpg) top center no-repeat; }
.header-wrap .top { background: url(../images/top-bg.png) top left repeat; }
.top-tel { position: relative; top: 36px; line-height: 14px; color: #666; float: right; padding-left: 55px; background: url("../images/icon-tel.png") left center no-repeat; }
.top-tel strong { padding-top: 2px; line-height: 24px; display: block; font-size: 22px; color: #333; }
.header { padding: 15px 0; }
.header .logo { float: left; width: 50%; }
.header .logo img { height: 112px; }
.title01 { padding: 30px 0; }
.title02 { padding: 30px 0; }
.title02 .name { font-size: 30px; }
.banner .pic { height: 442px !important; background-size: initial !important; }
.about-home { padding-bottom: 50px; }
.about-home .main { margin-bottom: 35px; }
.about-home #plv_12bd61efcc22393c03cabb44654c16f7_1 { width: 65%; margin: 0 auto 20px; padding-bottom: 38%; }
.about-home #plv_12bd61efcc22393c03cabb44654c16f7_1 object { position: absolute; }
.product-home { padding-bottom: 45px; background: url("../images/product-bg.jpg") top center no-repeat; }
.prd-menu { padding-bottom: 45px; }
.advantage-home { padding-bottom: 45px; }
.advantage-list { overflow: hidden; }
.advantage-list li { padding-bottom: 15px; float: left; width: 42%; }
.advantage-list .list1, .advantage-list .list3, .advantage-list .list5 { margin-right: 5%; }
.advantage-list .list3 { margin-left: 5%; }
.advantage-list .list5 { margin-left: 11%; }
.advantage-list li .title { font-size: 24px; padding-bottom: 5px; }
.advantage-list li .txt { font-size: 18px; line-height: 28px; }
.case-home { padding-bottom: 45px; background: url("../images/case-bg.jpg") top center no-repeat; }
.case-list { overflow: hidden; }
.case-list li { width: 22.5%; margin-bottom: 20px; }
.crumb { margin-bottom: 30px; line-height: 46px; }
.page-menu { margin-bottom: 40px; }
.news-list-page .img { width: 228px; margin-right: 20px; }
.news-list-page .txt { max-height: 88px; margin-bottom: 10px; }
}
 @media screen and (min-width:1280px) {
.header-wrap, .wrap, .nav-wrap, .header, .con-wrap, .footer { width: 100%; min-width: 1100px; }
.container, .nav, footer, .page-container { width: 100%; width: 1100px; margin-left: auto; margin-right: auto; }
.title01 { padding: 40px 0; }
.title02 { padding: 40px 0; }
.title02 .name { font-size: 30px; margin-bottom: 20px; }
.title02 .small { font-size: 16px; color: #555; }
.prd-menu li a { line-height: 40px; }
.product-list { margin-left: -28px; }
.product-list li { float: left; width: 254px; margin-left: 28px; margin-bottom: 35px; }
.case-list { margin-left: -17px; }
.case-list li { width: 262px; margin-left: 17px; margin-bottom: 20px; }
.news-home { }
.news-list { margin-left: -30px; }
.news-list li { margin-left: 30px; width: 252px; }
.news-list li .title { margin-bottom: 8px; }
.footer { margin-top: 30px; }
}
 @media screen and (min-width:1370px) {
}
@media screen and (min-width:1440px) {
}
 @media screen and (min-width:1600px) {
}