/*配置颜色*/.Themebg, .Themebghover:hover, .message-list dl dt, .pro_title .pro_wid a:after, .about .about_right a:after { background-color: rgb(12, 82, 158) !important } .Themefont, .Themetxthover:hover, .menu .tel:before, .message-list dl dd p i { color: rgb(12, 82, 158) !important } .Themeborder { border-color: rgb(12, 82, 158) !important } .NavBoxPublic .TriangleBtn:before { border-color: rgb(12, 82, 158) !important } .ThemeFbg, .contact { background-color: rgb(12, 82, 158) !important }/*字体*/ @font-face { font-family: "iconfont"; src: url('../../Images/Theme225/icon/iconfont.eot')/*tpa=http://alimz-style.mozhan.com/Public/Images/Theme225/icon/iconfont.eot*/; src: url('../../Images/Theme225/icon/iconfont.eot-#iefix')/*tpa=http://alimz-style.mozhan.com/Public/Images/Theme225/icon/iconfont.eot?#iefix*/ format('embedded-opentype'), url('../../Images/Theme225/icon/iconfont.woff')/*tpa=http://alimz-style.mozhan.com/Public/Images/Theme225/icon/iconfont.woff*/ format('woff'), url('../../Images/Theme225/icon/iconfont.ttf')/*tpa=http://alimz-style.mozhan.com/Public/Images/Theme225/icon/iconfont.ttf*/ format('truetype'), url('../../Images/Theme225/icon/iconfont.svg#iconfont2')/*tpa=http://alimz-style.mozhan.com/Public/Images/Theme225/icon/iconfont.svg#iconfont2*/ format('svg') } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal } .icon-youxiang:before { content: "\e624" } .icon-address:before { content: "\e60a" } .icon-phone-alt:before { content: "\e616" } .icon-dianhua:before { content: "\e65e" } .tpl_one .col-md-12 { float: none; padding: 0px !important } .tpl_four { height: auto; overflow: hidden; background: url(../../Images/Theme225/hui.jpg)/*tpa=http://alimz-style.mozhan.com/Public/Images/Theme225/hui.jpg*/ repeat } .tpl_six { height: auto; overflow: hidden; background: url(../../Images/Theme225/hei.jpg)/*tpa=http://alimz-style.mozhan.com/Public/Images/Theme225/hei.jpg*/ repeat } .row .col-md-4, .row .col-md-8 { padding: 0px } .menu .header-box { margin: 0 auto; height: auto; max-width: 1200px; position: relative } .menu .header-box .logo { float: left; position: relative; z-index: 1 } .menu .header-box .logo img { margin: 0px; max-height: 100px } .nowrap, .nowrapall, .nowrapall * { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .cl { clear: both } .overflow { display: block } .content-box { max-width: 1200px; margin: 30px auto; height: auto; overflow: hidden } .Animation { -webkit-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; -ms-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s } .column { margin: 0px }/*--插件留言输入框字体颜色--*/ .skin1 input, .skin1 textarea, .xskin1 input, .xskin1 textarea { color: #333 }/*--banner/原点--*/ .bannerEffect .tp-bullets.simplebullets.round .bullet { width: 10px; height: 10px; border-radius: 30px; margin: 0 5px }/*-------------------*/ .headFixed { position: relative } .header-nav { width: 100% } .menu .nav-box { height: 54px; line-height: 54px; max-width: 1200px; margin: 0 auto } .menu .NavBox { height: 54px; text-align: center } .menu .nav { padding: 0; margin: 0 auto } .menu .nav li { float: left; text-align: center } .menu .nav > li:hover ul { display: block; padding: 0 } .menu .nav > li .Triangle:after { content: ''; display: inline-block; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #fff; position: absolute; top: 25px; right: 2px } .menu .nav > li ul { display: none; padding: 0; box-shadow: 1px 1px 4px 0 rgba(0,0,0,.4); position: absolute; left: 0px; top: 54px; width: 100%; z-index: 33 } .menu .nav > li ul li { line-height: 42px; padding: 0px; background: none; float: none; text-align: center; margin-top: 1px; width: 100% } .menu .nav > li ul li:hover { opacity: 0.9; filter: alpha(opacity=90) } .menu .nav > li ul li a { font-size: 12px; color: #fff; display: block; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; padding: 0px } .menu .nav > li ul li a:hover { text-decoration: none; color: #fff } .menu .navbar-nav { width: 100% } .menu .navbar-nav > li { width: 12.5% } .menu .navbar-nav > li > a { background-color: transparent } .menu .navbar-nav > li > a { display: block; position: relative; font-size: 14px; color: #fff; height: auto; margin: 0px; padding: 0px 20px; line-height: 54px } .menu .navbar-nav > li > a.active, .menu .navbar-nav > li > a:hover, .menu .navbar-nav > li > a:focus { background: none } .menu .navbar-nav > li > a.active { background-image: none; -webkit-box-shadow: none; box-shadow: none } .NavBtn { display: none; text-align: center; overflow: hidden } .menu .tel { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); padding-left: 55px } .menu .tel:before { position: absolute; left: 0px; top: 0px; font-size: 50px; height: 40px; line-height: 34px } .menu .tel p { font-size: 16px; line-height: 20px } .menu .tel b { display: block } .pro_title { background: url(../../Images/Theme225/border.jpg)/*tpa=http://alimz-style.mozhan.com/Public/Images/Theme225/border.jpg*/ repeat-x center 20px } .pro_title .pro_wid { max-width: 1200px; margin: 0 auto; text-align: center } .pro_title .pro_wid .center { background: #fff; padding: 0px 30px; position: relative; display: inline-block } .pro_title .pro_wid .center:before { position: absolute; content: ""; width: 3px; height: 3px; background: #252525; left: 0px; top: 19px } .pro_title .pro_wid .center:after { position: absolute; content: ""; width: 3px; height: 3px; background: #252525; right: 0px; top: 19px } .pro_title .pro_wid p { font-size: 24px; display: inline-block; max-width: 200px; margin: 0px } .pro_title .pro_wid a { clear: both; display: block; color: #666; font-size: 14px; font-family: "Arial"; position: relative; width: 55px; margin: 0 auto } .pro_title .pro_wid a:after { content: ""; position: absolute; right: -5px; top: 5px; width: 10px; height: 10px } .pro_title .pro_wid a:before { content: "+"; position: absolute; right: -4px; top: 1px; color: #fff; font-size: 12px; z-index: 2 } .tpl_six .pro_title { background: url(../../Images/Theme225/border_white.jpg)/*tpa=http://alimz-style.mozhan.com/Public/Images/Theme225/border_white.jpg*/ repeat-x center 20px; height: 58px } .tpl_six .pro_title .pro_wid .center { background: url(../../Images/Theme225/hei.jpg)/*tpa=http://alimz-style.mozhan.com/Public/Images/Theme225/hei.jpg*/ } .tpl_six .pro_title .pro_wid .center:before, .tpl_six .pro_title .pro_wid .center:after { background-color: #fff } .tpl_six .pro_title .pro_wid p { color: #fff !important; margin: 0px } .tpl_six .pro_title .pro_wid a { color: #fff } .header-box .clearfix.none { display: none } .btn-navbar-t { display: none; float: right; padding: 3px 8px 7px; margin-right: 5px; margin-left: 5px; border: 1px solid #333; border-radius: 4px } .btn-navbar-t:hover, .btn-navbar-t:focus, .btn-navbar-t:active, .btn-navbar-t.active, .btn-navbar-t.disabled, .btn-navbar-t[disabled], .btn-navbar-t .icon-bar:hover, .btn-navbar-t .icon-bar:focus, .btn-navbar-t .icon-bar:active { filter: Alpha(opacity=80); opacity: 0.8 } .btn-navbar-t .icon-bar { background: #333; display: block; margin-top: 4px; width: 18px; height: 2px } #huilan-aikf-container { min-width: 125px!important; bottom: 60px!important; right: 11px!important }/*-------------------*//*-------------------*//* 小屏幕 一*/ @media screen and (max-width:1200px) { .content-box { margin: 30px 15px } }/* 小屏幕 三*/ @media screen and (max-width:870px) { .header-nav { border-bottom: none; margin-top: 0px } .menu { height: auto } .menu .tel { display: none } .menu .nav-box { border-radius: 0px } .header-box .clearfix.none { display: block } .menu .nav { padding: 0; margin: 0 } .menu .nav li a:hover:after { display: none } .menu .btn-t { display: block; position: absolute; top: 18px; right: 14px; z-index: 99 } .menu .header-nav .nav-box { background: none; height: auto; padding: 0; margin: 0 } .menu .nav { float: none; width: 100% } .menu .NavBox { width: 100%; height: 0; overflow: hidden }/*--------------------------*/ } @media screen and (max-width:600px) { .row .col-md-7, .row .col-md-5 { padding: 0px } } @media screen and (max-width:320px) { .pro_title .pro_wid .center { padding: 0px 10px } } .banner { width: 100%; overflow: hidden } .carousel { margin: 0 } .bannerBox { margin: 0 auto; position: relative } .banner .carousel-control { background: none }/*-----------<最新资讯>---------------*/ .article { margin: 30px 0px; height: auto; overflow: hidden } .article .news_box { height: auto; overflow: hidden; max-width: 1200px; margin: 20px auto 0px } .article .news_box a { display: block; height: auto; overflow: hidden; margin-bottom: 25px } .article .news_box a:nth-child(2n+1) { margin-left: 0px } .article .time { float: left; width: 15%; text-align: center; padding: 15px 0px; font-family: "Arial"; color: #999; background: #f2f2f2 } .article .time span { display: block; font-size: 18px } .article .time b { display: block; font-size: 14px; margin-top: 0px } .article .news_det { float: right; width: 83% } .article .news_det h3 { font-size: 16px; padding: 0px; margin: 0px; color: #333 } .article .news_det p { font-size: 12px; line-height: 24px; height: 48px; overflow: hidden; color: #666; padding: 0px; margin-top: 10px } @media screen and (max-width: 1200px) { .article .news_box { margin: 20px 15px } } @media screen and (max-width: 768px) { .article .news_det { width: 78% } .article .time { width: 20% } } @media screen and (max-width:480px) { .article .news_box a { padding: 0px } .article .news_box a:last-child { margin-bottom: 0px } } .articleLabel { margin: 30px 0px } .articleLabel .case_list { padding: 0px; height: auto; overflow: hidden; max-width: 1200px; margin: 20px auto; position: relative } .articleLabel .case_list li { width: 35%; position: relative } .articleLabel .case_list li:first-child { width: 64%; margin-left: 0px; float: left } .articleLabel .case_list li.item1 { float: right; height: 50%; position: absolute; right: 0; top: 0 } .articleLabel .case_list li.item2 { position: absolute; right: 0px; bottom: 0px; height: 50% } .articleLabel .case_list li a { display: block; overflow: hidden } .articleLabel .case_list li a img { width: 100% } .articleLabel .case_list li a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) } .articleLabel .case_list li .pro_box { position: absolute; bottom: 0px; height: 30px; width: 100%; color: #fff; box-sizing: border-box; line-height: 30px; font-size: 14px; background: url(../../Images/Theme216/black.png)/*tpa=http://alimz-style.mozhan.com/Public/Images/Theme216/black.png*/ repeat; text-align: center } .articleLabel .case_list li.item0 .pro_box { position: relative; background: #cfceca; height: 65px; line-height: 65px; color: #333; font-size: 18px } @media screen and (max-width: 1200px) { .articleLabel .case_list { margin: 20px 15px } } @media screen and (max-width: 768px) { .articleLabel .case_list li:first-child { width: 62% } .articleLabel .case_list li { width: 35% } } @media screen and (max-width: 480px) { .articleLabel .case_list li:first-child { width: 60% } .articleLabel .case_list li.item0 .pro_box { height: 60px; line-height: 60px } } @media screen and (max-width: 414px) { .articleLabel .case_list li:first-child { width: 58% } .articleLabel .case_list li { width: 38% } } @media screen and (max-width: 375px) { .articleLabel .case_list li:first-child, .articleLabel .case_list li { width: 100%; float: none !important; margin-bottom: 10px } .articleLabel .case_list li { position: inherit!important } }/*---footer----*/ .footers { width: 100%; color: #333 } .footerBox { margin: 0 auto; max-width: 1200px } .footers .footers-box { padding: 15px 0 } .footers .footers-box a { margin-right: 10px; word-break: break-all; word-wrap: break-word } .footers .footers-box p { padding: 0; font-size: 12px; line-height: 20px }/*--------------------------*/ .footers .Attention, .tpl_footers .footers .footersInformation p { text-align: center !important } .footersInformation { width: 100% !important; float: none !important; text-align: center !important } .footers .qr { width: 150px !important; float: none !important; text-align: center !important; margin: 10px auto 0px !important } .form { max-width: 1200px; margin: 20px auto } .form-edit form { margin: 0px auto } .form .form-edit .btn-primary { width: 160px; height: 38px; line-height: 38px; border-radius: 0px; font-size: 14px } @media screen and (max-width: 320px) { .form-edit form { overflow: hidden } .form-edit .form-control { width: 87% !important } .form .header { background-position-x: -20px } } .row { margin: 0 } .DoesNot { text-align: center; font-size: 20px; margin: 50px 0 }/*----按钮----*/ a.a-btn { padding: 0 10px; height: 28px; line-height: 28px; display: inline-block; cursor: pointer; margin-right: 5px; margin-bottom: 5px } a.a-btn + a { margin-bottom: 3px } a.a-btn.a-btn1 { background-color: #cfcdcf; color: #666666 } a.a-btn.a-btn1:hover { background-color: #ccc; color: #FFF } .Themebg.btn-success { margin-bottom: 5px; margin-right: 5px } .btn-warning.btn-can { margin-left: 0px } .TopologyLeft .body-right, .TopologyLeft .body-left { margin: 0px } .pro_keyword { padding: 0px } a.a-btn.a-btn2 { color: #fff } .TopologyCenter .body-left { padding-top: 25px } .photo.row { padding-top: 20px } .title_name { height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 14px } .body-right .page { height: auto; overflow: hidden; margin: 10px 0px }/*----面包屑模块----*/ .breadCrumb { overflow: hidden; height: 40px; line-height: 40px; padding: 0 10px; color: #333; border-bottom: 1px solid #ccc; background-color: #eee } .breadCrumb em { font-family: Arial; font-size: 14px; padding: 0 8px } .breadCrumb a { color: #333; margin: 0px; line-height: 40px } .breadCrumb a.pick { color: #1e82c5 } .breadCrumb em, .breadCrumb b, .breadCrumb span { margin: 0px; line-height: 40px } body .news-nr-box .DownloadBtn { width: 150px; text-align: center; text-indent: 25px }/*----翻页模块----*/ .page { margin-top: 25px } .page .col-lg-3, .page .col-lg-9 { padding: 0; margin: 10px 0; height: 34px; line-height: 34px } .page .col-lg-9 { text-align: right } .page .pagination { margin: 0; padding-left: 12px } .page .pagination > li > a { color: #666 } .page .pagination > li:first-child > a, .pagination > li:first-child > span { border-bottom-left-radius: 0; border-top-left-radius: 0 } .page .pagination > li:last-child > a, .pagination > li:last-child > span { border-bottom-right-radius: 0; border-top-right-radius: 0 } .page .pagination > .active > a, .page .pagination > .active > span, .page .pagination > .active > a:hover, .page .pagination > .active > span:hover, .page .pagination > .active > a:focus, .page .pagination > .active > span:focus { background-color: #1e82c5; border-color: #1e82c5; color: #FFF } .footers { border-top: 1px solid #ddd } #verify_img { max-width: 80% }/*----左侧标题模块----*//*----产品分类----*/ .classifi { padding: 10px 0 } .classifi .product-class { text-align: center } .classifi .product-class li { position: relative; padding-right: 10px; display: inline-block; height: 45px; line-height: 45px } .classifi .product-class li a { max-width: 150px; margin-top: 5px; display: block; padding: 0 20px; color: #fff; border-radius: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .classifi .product-class li a.ThemeSbg { color: #fff !important } .classifi .product-class li a:hover, .classifi .product-class li a.active { color: #fff } .classifi#ProClass li .classBox { top: 46px } #ProClassLeft li.ac .Classtriangle::after, #md_detailProductClass li.ac .Classtriangle:after { top: 20px } .classifiLeft { background: #fff; margin-top: 15px } .ClassLeftBox .product-class, .body-left .LeftBox .list-box { padding: 0px; background-color: #ddd; height: auto; overflow: hidden } .body-left.ClassLeftBox .product-class li { background: none; margin-bottom: 0px; border-bottom: 1px solid #fff } .body-left.ClassLeftBox .product-class li:last-child { border-bottom: none } .ClassLeftBox .product-class li a, .ClassLeftBox .product-class li { line-height: 45px } .body-left.ClassLeftBox .product-class li a.ThemeSbg, .body-left.ClassLeftBox .product-class li a:hover { color: #fff!important } .body-right #ProClass li.ac .Classtriangle:after { border-top-color: #fff!important; top: 20px } .body-left .LeftBox { background: #fff } .body-left h4, .classifi h4 { height: 40px; line-height: 40px; text-align: center; position: relative; color: #fff } .body-left h4 span, .classifi h4 span { font-size: 16px } .LeftBox .more { text-align: center; clear: both; margin: 10px 0px } .LeftBox .more a { display: inline-block; font-size: 12px; position: relative; padding: 3px 10px; color: #fff; border-radius: 20px } .LeftBox .more i { font-size: 14px; margin-right: 5px }/*----公司资讯----*/ .body-left .list-box { padding: 10px 0 } .body-left .list-box li { line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #666; border-bottom: 1px solid #ccc } .body-left .list-box li a { color: #333; padding-left: 10px } .body-left .list-box li span { display: none } .LeftBox.mt15 { margin-top: 15px } .ClassLeftBox .list-box li:before { position: absolute; left: 0px; top: -3px }/*----相关产品模块---*/ .body-right .productBox { width: 100%; margin: 15px auto 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .productBox h4.title01 { overflow: hidden; height: 40px; color: #333; font-size: 14px; font-weight: bolder; line-height: 40px } .productBox h4.title01 span { padding: 0 10px; color: #fff; display: block; float: left } .productBox h4.title01 .a-more { color: #fff; font-size: 12px; float: right; padding: 0 10px; line-height: 40px } .productBox .product-box li { -webkit-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; -ms-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s } .productBox .product-box .thumbnail { border: 0; padding: 0 0 2px; background: none; border-radius: 0; position: relative; margin: 0px } .productBox .product-box li, .productBox .product-box li:first-child { margin-top: 15px; margin: 15px 0.5% 0 \9 } .productBox .product-box li.col-md-3:nth-child(4n+1) { margin-left: 0 } .productBox .div-img img { width: 100% } .productBox .product-box .thumbnail a.ImgBox { position: relative; z-index: 2 } .productBox .product-box .thumbnail h5 { text-align: center; position: relative; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #333; font-size: 12px }/*-----------表格---------------*/ .table-01 { width: 100%; margin-bottom: 15px } .table-01 th, .table-01 td { padding: 5px 2px; font-size: 14px } .table-01 th { text-align: right; width: 60px; font-weight: normal; color: #666; font-size: 14px } .table-01 td { color: #666 } .table-01 .jiathis_style_24x24 { margin: 0 } .table-02 { width: 100% } .table-02 th, .table-02 td { padding: 5px 2px; font-size: 12px; line-height: 30px } .table-02 th { text-align: right; width: 125px; font-weight: normal; color: #666; vertical-align: text-top } .table-02 td { color: #666 } .table-02 .line-b { border-bottom: 2px solid #1e82c5 } .table-02 .line-b th { color: #000; text-align: left } .table-03 th { width: 80px } .table-02.table-02-b th { width: 110px }/*-----------输入框---------------*/ input.text01 { border: 1px solid #d8d9da; height: 30px; color: #333333; line-height: 30px; padding: 2px 5px; width: 75%; size: auto; box-shadow: 0 0 2px #d6d6d6 inset; font-size: 12px } input.text01:focus, input.text01:hover, input.text01:active { border-color: #d8d9da; box-shadow: 0 0 3px #d6d6d6 } .textarea01 { background-color: #fff; border: 1px solid #dfdfdf; padding: 5px; color: #636363; width: 75% } .textarea01:focus { border-color: #d8d9da; box-shadow: 0 0 4px #d6d6d6 }/*----------------------------------------------------------------------------------------------*//*----产品列表----*/ .pro-list li { -webkit-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; -ms-transition: all .4s ease-in-out 0s; -o-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s } .pro-list .thumbnail { border: 0; padding: 0 0 2px; background: none; border-radius: 0; position: relative; margin: 0px } .pro-list li.col-md-4, .pro-list li.col-md-4:first-child { margin-top: 15px; margin: 15px 0.4% 0 \9 } .pro-list li.col-md-4:nth-child(3n+1) { margin-left: 0 } .pro-list .thumbnail a.ImgBox { position: relative; z-index: 2; display: block } .pro-list .thumbnail h5 { text-align: center; position: absolute; height: 30px; line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #fff; font-size: 12px; bottom: 0px; width: 100%; background: url(../../Images/Theme212/black.png)/*tpa=http://alimz-style.mozhan.com/Public/Images/Theme212/black.png*/ repeat } .pro-list .div-img { overflow: hidden } .pro-list .div-img img { width: 100% } .pro-list .thumbnail:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) }/*-----------产品详情页---------------*/ .product-detail { padding: 0; display: table; width: 100%; margin-top: 10px } .product-detail .thumbnail { margin-bottom: 0; border-radius: 0 } .product-detail .thumbnail img { width: 100% } .product-detail h2 { font-size: 16px; padding: 4px 0 5px 20px; margin: 0 } .product-detail .col-md-5, .product-detail .col-md-7 { padding: 0 } .pro_page b { float: left; line-height: 20px } .pro_page a { line-height: 20px } .fieldset-style { overflow: hidden; background: #fff; margin: 15px 0; word-break: break-all; word-wrap: break-word } .fieldset-style .div1 { padding: 6px 10px; color: #666; border-top: none } .fieldset-style .div1 dl img { max-width: 100%; height: auto !important; } .fieldset-style .div1 dl { overflow: hidden; margin-bottom: 10px; margin-top: 5px } .fieldset-style .div1 dl dt { margin-bottom: 8px; height: 30px; line-height: 30px; display: block; border-bottom: 1px solid #ccc; font-size: 14px; color: #1e82c5 } .fieldset-style .div1 dl dd { line-height: 22px } .fieldset-style h3 { color: #fff }/*-----------产品询价页---------------*/ .table-box { padding: 0px; margin-bottom: 10px; background: #fff } .RightTitle { border-bottom-width: 2px; font-size: 20px; margin-bottom: 10px; border-bottom-style: solid; line-height: 45px; text-indent: 10px } .table-box .title.p1 { border: none; font-size: 12px; height: 20px; line-height: 20px }/*-----------客户留言、留言反馈---------------*/ .message-box { padding: 0 10px 10px; background: #fff; margin-bottom: 10px } .message-list { padding: 0; margin-top: 10px } .message-list dl { overflow: hidden; border: 1px solid #ddd; margin-top: 15px } .message-list dl dt { font-family: "宋体"; font-size: 15px; line-height: 30px; overflow: hidden; margin-bottom: 10px; height: 30px; padding: 0 5px } .message-list dl dt b { font-weight: normal; color: #fff } .message-list dl dt span { float: right; font-size: 12px; color: #fff; max-width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .message-list dl dd { margin: 0 12px } .message-list dl dd p { font-size: 13px; color: #666; padding-bottom: 10px } .message-list dl dd p i { float: left; color: #333; padding-right: 18px; font-size: 18px } .W_message dl dd p.Padd70 { position: relative; padding: 22px 0 0 78px } .W_message dl dd p.Padd70 span { display: block } .W_message dl dd p.Padd70 span em, .W_message dl dd p.Padd70 .em_tit { position: absolute; display: block; left: 0; width: 70px; padding-right: 8px; text-align: right } .W_message dl dd p.Padd70 .em_tit { top: 0; font-size: 14px; line-height: 18px; color: #333 } blockquote { border-left: 5px solid #fff; margin: 0 0 20px; padding: 0 } blockquote small:before { content: "" }/*-----------公司介绍---------------*/ .company-box { padding: 5px 0 } .company-box p { line-height: 2.1em; overflow: hidden; color: #333 }/*---友情链接----*/ .friendBox { margin: 15px auto 0; max-width: 1030px } .friendLink .link-box { height: auto; background-color: #fff; padding: 5px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .friendLink .link-box h4 { color: #666; font-size: 14px; line-height: 30px; display: inline-block } .friendLink .link-box ul { overflow: hidden; display: inline; color: #666; line-height: 30px } .friendLink .link-box ul li { position: relative; display: inline-block; margin-right: 10px; font-style: normal; padding: 0 3px } .friendLink .link-box ul li:first-child:after { display: none } .friendLink .link-box ul li:after { content: '|'; position: absolute; left: -10px; top: 0 } .friendLink .link-box ul a { word-break: break-all; word-wrap: break-word; font-style: normal; color: #666 } .friendLink .link-box ul a:hover { color: #ddd }/*-----------网站地图---------------*/ .map-box { padding: 0; margin-bottom: 10px } .map dl { border-bottom: 1px dashed #ccc; padding: 12px; font-size: 13px; margin: 0px } .map dl:last-child { border-bottom: none } .map dl dt { float: left; color: #000 } .map dl dd { display: inline; margin: 0px } .map dl dd a { margin: 0 10px 10px; float: left; color: #666 } .map dl dd a:hover { color: #1e82c5 } .map dl dd p { overflow: hidden } .map-box1 { margin: 15px 0; min-height: 300px }/*----新闻资讯----*/ .BgP10 { background: #fff; padding: 12px 28px } .tab-box { overflow: hidden; padding-top: 5px; padding: 10px } .tab-box a { margin-right: 10px; padding: 5px 15px; display: inline-block; color: #333; margin-bottom: 10px; background-color: #edece7 } .tab-box a.Themebg:hover { color: #fff } .tab-box a:hover, .tab-box a.Themebg { color: #fff } .nlist-box { padding: 0px } .nlist-box li { height: 35px; line-height: 35px; overflow: hidden; color: #666; border-bottom: 1px solid #CCC; position: relative } .nlist-box li:before { content: "● "; left: 0px } .nlist-box li a { color: #666; padding-left: 15px; float: left; width: 70% } .nlist-box li span { color: #666; display: block; position: absolute; right: 0px; top: 0px } .nlist-box2 li { margin-bottom: 10px; border: 1px solid #e1e1e1; padding: 10px; height: auto; overflow: hidden } .nlist-box2 li a { color: #333; display: block } .nlist-box2 li .news_det { width: 100% } .nlist-box2 li p { font-size: 16px; height: 30px; line-height: 30px; color: #333; padding: 0px; margin-bottom: 5px } .nlist-box2 li .time { display: block; padding: 0px; color: #999; height: 25px; line-height: 25px; width: 85px; text-align: center; background-color: #ccc } .nlist-box2 li .det_box { line-height: 24px; height: 48px; overflow: hidden; color: #666; margin-top: 10px; font-size: 12px } .body-right .page { clear: both; margin: 15px 0px 0px !important } .p_artlelist h3 span { color: #333 !important; padding: 0px 10px; font-size: 14px; font-weight: bold; display: inline-block } .p_artlelist h3 { height: 42px; line-height: 42px; padding: 0px; margin-bottom: 10px } .p_artlelist h3 a { color: #fff; padding: 0px 20px } .p_artlelist h3 a.Themetxthover { color: #333 !important } @media screen and (max-width:1360px) { .content-box { margin: 20px 15px 0px !important } }/* 小屏幕 一*/ @media screen and (max-width:1180px) { .footerBox { margin: 0px 15px !important } } @media screen and (max-width:1030px) { .page .col-lg-3 { text-align: left; float: left } .page .col-lg-3, .page .col-lg-9 { margin: 0 } } @media screen and (max-width:870px) { }/* 横向放置的手机和竖向放置的平板之间的分辨率 三*/ @media screen and (max-width: 600px) { .product-details .col-md-5 { padding: 0 }/*产品列表*/ .classifi { padding: 5px 0 } .row .pro-list li.col-md-4, .productBox .product-box li.col-md-4 { width: 49%; margin-left: 0; margin: 10px 0 \9 } .row .pro-list li.col-md-4:nth-child(2n), .productBox .product-box li.col-md-4:nth-child(2n) { margin-left: 2% } .row .pro-list li.col-md-3, .productBox .product-box li.col-md-3 { width: 49%; margin-left: 0; margin: 10px 0 \9 } .row .pro-list li.col-md-3:nth-child(2n), .productBox .product-box li.col-md-3:nth-child(2n) { margin-left: 2% } .productBox { margin: 10px auto 0 } .body-right .productBox { margin: 10px auto 0; padding: 0 } }/* 横向放置的手机和竖向放置的平板之间的分辨率 四*/ @media screen and (max-width: 480px) { .pro-list .thumbnail .more { margin: 10px auto; float: none; width: 120px } .pro-list .thumbnail .col-md-4, .pro-list .thumbnail .col-md-9 { width: 100%; padding: 0 } .pro-list .thumbnail h3 { text-align: center; margin-top: 10px } a.a-btn + a { margin-bottom: 8px } .nlist-box li span { display: none } .RightTitle2 .lineBox { height: 2px } .RightTitle2 .TxtBox { border-width: 1px } .productBox .product-box li { width: 48%; margin-left: 2% } .productBox .product-box li:nth-child(2n+1) { margin-left: 0px } } @media screen and (max-width: 414px) { .page .col-lg-3 { width: 100%; text-align: center } .page .col-lg-9 { width: 100%; text-align: center; padding: 3px 0 12px } } @media screen and (max-width: 375px) { .page .col-lg-3, .page .col-lg-9 { margin: 0px } .page .pagination { padding-left: 0px } }/* 的手机的分辨率一*/ @media screen and (max-width: 320px) {/*产品列表*/ .row .pro-list li.col-md-4 { width: 100%; margin-left: 0 !important; padding: 0 } .table-02.table-02-b th { width: 85px; line-height: 20px } .table-02-b td { line-height: 20px } .table-02 th { width: 80px } .productBox .product-box li.col-md-4 { width: 100%; margin-left: 0 !important } } .btn-warning.btn-can { margin-left: 0px !important; margin-top: 0px; margin-right: 0px !important; padding: 0px 5px!important; height: 32px!important; margin-bottom: 5px; line-height: 32px } .Themebg.btn-success { margin-bottom: 10px; padding: 0px 5px!important; margin-right: 5px; height: 32px!important } .tpl_one .col-md-12 { float: none; padding: 0px !important } .tpl_four { height: auto; overflow: hidden; background: url(../../Images/Theme225/hui.jpg)/*tpa=http://alimz-style.mozhan.com/Public/Images/Theme225/hui.jpg*/ repeat } .tpl_six { height: auto; overflow: hidden; background: url(../../Images/Theme225/hei.jpg)/*tpa=http://alimz-style.mozhan.com/Public/Images/Theme225/hei.jpg*/ repeat } .row .col-md-4, .row .col-md-8 { padding: 0px } .menu .header-box { margin: 0 auto; height: auto; max-width: 1200px; position: relative } .menu .header-box .logo { float: left; position: relative; z-index: 1 } .menu .header-box .logo img { margin: 0px; max-height: 100px } .nowrap, .nowrapall, .nowrapall * { white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .cl { clear: both } .overflow { display: block } .content-box { max-width: 1200px; margin: 30px auto; height: auto; overflow: hidden } .Animation { -webkit-transition: all .4s ease-in-out 0s; -moz-transition: all .4s ease-in-out 0s; -ms-transition: all .4s ease-in-out 0s; transition: all .4s ease-in-out 0s } .column { margin: 0px }/*--插件留言输入框字体颜色--*/ .skin1 input, .skin1 textarea, .xskin1 input, .xskin1 textarea { color: #333 }/*--banner/原点--*/ .bannerEffect .tp-bullets.simplebullets.round .bullet { width: 10px; height: 10px; border-radius: 30px; margin: 0 5px }/*-------------------*/ .headFixed { position: relative } .header-nav { width: 100% } .menu .nav-box { height: 54px; line-height: 54px; max-width: 1200px; margin: 0 auto } .menu .NavBox { height: 54px; text-align: center } .menu .nav { padding: 0; margin: 0 auto } .menu .nav li { float: left; text-align: center } .menu .nav > li:hover ul { display: block; padding: 0 } .menu .nav > li .Triangle:after { content: ''; display: inline-block; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #fff; position: absolute; top: 25px; right: 2px } .menu .nav > li ul { display: none; padding: 0; box-shadow: 1px 1px 4px 0 rgba(0,0,0,.4); position: absolute; left: 0px; top: 54px; width: 100%; z-index: 33 } .menu .nav > li ul li { line-height: 42px; padding: 0px; background: none; float: none; text-align: center; margin-top: 1px; width: 100% } .menu .nav > li ul li:hover { opacity: 0.9; filter: alpha(opacity=90) } .menu .nav > li ul li a { font-size: 12px; color: #fff; display: block; margin: 0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; padding: 0px } .menu .nav > li ul li a:hover { text-decoration: none; color: #fff } .menu .navbar-nav { width: 100% } .menu .navbar-nav > li { width: 12.5% } .menu .navbar-nav > li > a { background-color: transparent } .menu .navbar-nav > li > a { display: block; position: relative; font-size: 14px; color: #fff; height: auto; margin: 0px; padding: 0px 20px; line-height: 54px } .menu .navbar-nav > li > a.active, .menu .navbar-nav > li > a:hover, .menu .navbar-nav > li > a:focus { background: none } .menu .navbar-nav > li > a.active { background-image: none; -webkit-box-shadow: none; box-shadow: none } .NavBtn { display: none; text-align: center; overflow: hidden } .menu .tel { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); padding-left: 55px } .menu .tel:before { position: absolute; left: 0px; top: 0px; font-size: 50px; height: 40px; line-height: 34px } .menu .tel p { font-size: 16px; line-height: 20px } .menu .tel b { display: block } .pro_title { background: url(../../Images/Theme225/border.jpg)/*tpa=http://alimz-style.mozhan.com/Public/Images/Theme225/border.jpg*/ repeat-x center 20px } .pro_title .pro_wid { max-width: 1200px; margin: 0 auto; text-align: center } .pro_title .pro_wid .center { background: #fff; padding: 0px 30px; position: relative; display: inline-block } .pro_title .pro_wid .center:before { position: absolute; content: ""; width: 3px; height: 3px; background: #252525; left: 0px; top: 19px } .pro_title .pro_wid .center:after { position: absolute; content: ""; width: 3px; height: 3px; background: #252525; right: 0px; top: 19px } .pro_title .pro_wid p { font-size: 24px; display: inline-block; max-width: 200px; margin: 0px } .pro_title .pro_wid a { clear: both; display: block; color: #666; font-size: 14px; font-family: "Arial"; position: relative; width: 55px; margin: 0 auto } .pro_title .pro_wid a:after { content: ""; position: absolute; right: -5px; top: 5px; width: 10px; height: 10px } .pro_title .pro_wid a:before { content: "+"; position: absolute; right: -4px; top: 1px; color: #fff; font-size: 12px; z-index: 2 } .tpl_six .pro_title { background: url(../../Images/Theme225/border_white.jpg)/*tpa=http://alimz-style.mozhan.com/Public/Images/Theme225/border_white.jpg*/ repeat-x center 20px; height: 58px } .tpl_six .pro_title .pro_wid .center { background: url(../../Images/Theme225/hei.jpg)/*tpa=http://alimz-style.mozhan.com/Public/Images/Theme225/hei.jpg*/ } .tpl_six .pro_title .pro_wid .center:before, .tpl_six .pro_title .pro_wid .center:after { background-color: #fff } .tpl_six .pro_title .pro_wid p { color: #fff !important; margin: 0px } .tpl_six .pro_title .pro_wid a { color: #fff } .header-box .clearfix.none { display: none } .btn-navbar-t { display: none; float: right; padding: 3px 8px 7px; margin-right: 5px; margin-left: 5px; border: 1px solid #333; border-radius: 4px } .btn-navbar-t:hover, .btn-navbar-t:focus, .btn-navbar-t:active, .btn-navbar-t.active, .btn-navbar-t.disabled, .btn-navbar-t[disabled], .btn-navbar-t .icon-bar:hover, .btn-navbar-t .icon-bar:focus, .btn-navbar-t .icon-bar:active { filter: Alpha(opacity=80); opacity: 0.8 } .btn-navbar-t .icon-bar { background: #333; display: block; margin-top: 4px; width: 18px; height: 2px } #huilan-aikf-container { min-width: 125px!important; bottom: 60px!important; right: 11px!important }/*-------------------*//*-------------------*//* 小屏幕 一*/ @media screen and (max-width:1200px) { .content-box { margin: 30px 15px } }/* 小屏幕 三*/ @media screen and (max-width:870px) { .header-nav { border-bottom: none; margin-top: 0px } .menu { height: auto } .menu .tel { display: none } .menu .nav-box { border-radius: 0px } .header-box .clearfix.none { display: block } .menu .nav { padding: 0; margin: 0 } .menu .nav li a:hover:after { display: none } .menu .btn-t { display: block; position: absolute; top: 18px; right: 14px; z-index: 99 } .menu .header-nav .nav-box { background: none; height: auto; padding: 0; margin: 0 } .menu .nav { float: none; width: 100% } .menu .NavBox { width: 100%; height: 0; overflow: hidden }/*--------------------------*/ } @media screen and (max-width:600px) { .row .col-md-7, .row .col-md-5 { padding: 0px } } @media screen and (max-width:320px) { .pro_title .pro_wid .center { padding: 0px 10px } } .banner { width: 100%; overflow: hidden } .carousel { margin: 0 } .bannerBox { margin: 0 auto; position: relative } .banner .carousel-control { background: none }/*-----------<最新资讯>---------------*/ .article { margin: 30px 0px; height: auto; overflow: hidden } .article .news_box { height: auto; overflow: hidden; max-width: 1200px; margin: 20px auto 0px } .article .news_box a { display: block; height: auto; overflow: hidden; margin-bottom: 25px } .article .news_box a:nth-child(2n+1) { margin-left: 0px } .article .time { float: left; width: 15%; text-align: center; padding: 15px 0px; font-family: "Arial"; color: #999; background: #f2f2f2 } .article .time span { display: block; font-size: 18px } .article .time b { display: block; font-size: 14px; margin-top: 0px } .article .news_det { float: right; width: 83% } .article .news_det h3 { font-size: 16px; padding: 0px; margin: 0px; color: #333 } .article .news_det p { font-size: 12px; line-height: 24px; height: 48px; overflow: hidden; color: #666; padding: 0px; margin-top: 10px } @media screen and (max-width: 1200px) { .article .news_box { margin: 20px 15px } } @media screen and (max-width: 768px) { .article .news_det { width: 78% } .article .time { width: 20% } } @media screen and (max-width:480px) { .article .news_box a { padding: 0px } .article .news_box a:last-child { margin-bottom: 0px } } .articleLabel { margin: 30px 0px } .articleLabel .case_list { padding: 0px; height: auto; overflow: hidden; max-width: 1200px; margin: 20px auto; position: relative } .articleLabel .case_list li { width: 35%; position: relative } .articleLabel .case_list li:first-child { width: 64%; margin-left: 0px; float: left } .articleLabel .case_list li.item1 { float: right; height: 50%; position: absolute; right: 0; top: 0 } .articleLabel .case_list li.item2 { position: absolute; right: 0px; bottom: 0px; height: 50% } .articleLabel .case_list li a { display: block; overflow: hidden } .articleLabel .case_list li a img { width: 100% } .articleLabel .case_list li a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1) } .articleLabel .case_list li .pro_box { position: absolute; bottom: 0px; height: 30px; width: 100%; color: #fff; box-sizing: border-box; line-height: 30px; font-size: 14px; background: url(../../Images/Theme216/black.png)/*tpa=http://alimz-style.mozhan.com/Public/Images/Theme216/black.png*/ repeat; text-align: center } .articleLabel .case_list li.item0 .pro_box { position: relative; background: #cfceca; height: 65px; line-height: 65px; color: #333; font-size: 18px } @media screen and (max-width: 1200px) { .articleLabel .case_list { margin: 20px 15px } } @media screen and (max-width: 768px) { .articleLabel .case_list li:first-child { width: 62% } .articleLabel .case_list li { width: 35% } } @media screen and (max-width: 480px) { .articleLabel .case_list li:first-child { width: 60% } .articleLabel .case_list li.item0 .pro_box { height: 60px; line-height: 60px } } @media screen and (max-width: 414px) { .articleLabel .case_list li:first-child { width: 58% } .articleLabel .case_list li { width: 38% } } @media screen and (max-width: 375px) { .articleLabel .case_list li:first-child, .articleLabel .case_list li { width: 100%; float: none !important; margin-bottom: 10px } .articleLabel .case_list li { position: inherit!important } }/*---footer----*/ .footers { width: 100%; color: #333 } .footerBox { margin: 0 auto; max-width: 1200px } .footers .footers-box { padding: 15px 0 } .footers .footers-box a { margin-right: 10px; word-break: break-all; word-wrap: break-word } .footers .footers-box p { padding: 0; font-size: 12px; line-height: 20px }/*--------------------------*/ .footers .Attention, .tpl_footers .footers .footersInformation p { text-align: center !important } .footersInformation { width: 100% !important; float: none !important; text-align: center !important } .footers .qr { width: 150px !important; float: none !important; text-align: center !important; margin: 10px auto 0px !important } .form { max-width: 1200px; margin: 20px auto } .form-edit form { margin: 0px auto } .form .form-edit .btn-primary { width: 160px; height: 38px; line-height: 38px; border-radius: 0px; font-size: 14px } @media screen and (max-width: 320px) { .form-edit form { overflow: hidden } .form-edit .form-control { width: 87% !important } .form .header { background-position-x: -20px } }