@font-face { font-family: Libre Baskerville; src: url('LibreBaskerville.otf'); } body{ font-family: 'microsoft yahei',Arial,Helvetica, sans-serif; color: #2F2F2F; } a{ transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; } a { background-color: transparent; } a:active, a:hover { outline: 0; } ul{ list-style:none; } img { border: 0; } .clear{ clear: both; } .container { padding-left: auto; padding-right: auto; margin-left: auto; margin-right: auto; text-align: center; } .row { text-align: center; margin-right: 0px; margin-left: auto; } /*margin: up down right left;*/ .title1 { margin: 10px auto 0 auto; text-align: center; } .title1 h5 { width: 30%; font-size: 30px; margin: 10px auto; font-weight: bolder; color: #060; padding-bottom: 10px; border-bottom: 1px solid #ddd; } .title1 .xh1 { display: block; margin: -12px auto; width: 50px; height: 3px; background: #231916; margin-bottom: 12px; } .title1 span { font-size: 16px; color: #444; text-transform: uppercase; } .product_title{ text-align: center; height:32px; line-height: 32px; } .product_title a{ font-size: 16px; color: #2F2F2F; line-height: 32px; } .product_title a:hover{ text-decoration: none; color:#006600; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-sm-2-5, .col-md-2, .col-md-2-5, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-sm-1, .col-sm-2, .col-sm-2-5, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-mm-1, .col-mm-2, .col-mm-3, .col-mm-4, .col-mm-5, .col-mm-6, .col-mm-7, .col-mm-8, .col-mm-9, .col-mm-10, .col-mm-11, .col-mm-12 { float: left; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-md-1, .col-md-2, .col-md-2-5, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-sm-12, .col-xs-12, .col-mm-12, .col-md-12 { width: 100%; } .col-mm-6, .col-xs-6, .col-mm-6, .col-md-6 { width: 50%; } .col-sm-3, .col-xs-3, .col-mm-3, .col-md-3 { width: 25%; } .product_list{ width: 920px; margin: 0px auto 0px auto; text-align: center; padding: 0px 0px 0px 0px; text-align: center; } .mr_frbox { width: 200px; height: 150px; text-align: center; float: center; padding-top: 20px; padding-left: 15px; display: block; } .mr_frbox a { display: block; text-align: center; } .mr_frbox p{ display: table-cell; text-align: center; vertical-align: middle; border: 0px solid #dcdcdc; background: rgba(0,0,0,0.3); } .mr_frbox img{ width: 200px; height: 150px; vertical-align: bottom; bottom: 0px; } .mr_frbox span { height: 30px; background: rgba(0,0,0,0.6); text-align: center; line-height: 30px; font-size: 14px; color: #fff; position: absolute; bottom: 0px; left: 15px; right: 15px; z-index: 0; } .mr_frbox:hover span{background:#060} /*公司简介*/ .about_index{width: 920px; padding:50px 20px 0px 20px; float:left; } .about_index h3{margin-top:60px; } .about_content{ padding-left: auto; padding-right: auto; margin-left: auto; margin-right: auto; text-align: left; line-height: 28px; font-size:15px; } .about_left{ width: 460px; padding-right: 0px; margin-left: 0px; margin-right: 0px; text-align: center; float:left; } .about_right{ width: 300px; margin-left: 10px; margin-right: auto; text-align: center; float:right; } .about_img{ margin: 10px 0px 20px 10px; max-width: 430px; float: right; } .about_btn{ width: 80px; height:20px; padding-top: 20px; text-align: center; } a.about_btn{color: #000000; background: transparent; border-radius: 0px; border:1px solid #000000; padding: 0px 36px; margin-top: 5px;} a.about_btn:hover,a.about_btn:focus{background:#006600; border:1px solid #006600; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { background-image: none; } .v_space{ clear:both; display: block; padding: 10px 0px 10px 0px; margin: 0px; height:10px; }