body{ font-family: "Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","寰蒋闆呴粦",Arial,sans-serif; font-size: 14px; line-height: 1.5em; color: #5a5a5a; } img { width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } .common_alert{ top: 10%; position: fixed; z-index: 99999; width: 100%; } .text-white{ color: #fff; } .red{ color: #ed4e2a !important; } .text-gray{ color: #999999 } .text-red{ color: #920910; } .text-primary{ color: #327c9c; } .bg-gray{ background: #fafafa; } .text-indent{ text-indent: 2em; } .margin-bottom30{ margin-bottom: 30px; } .common_alert{ top: 10%; position: fixed; z-index: 99999; width: 100%; } a{ color: #5a5a5a; } a, a:hover, a:visited{ text-decoration: none; } a:hover{ color: #c40c16; } .container-fluid { width: 100%; padding: 0; } .container-fluid .row{ margin: 0; } .container>.navbar-collapse{ margin-right: -15px; } /*鍗曢€夊拰澶氶€?/ .radio, .checkbox, .t_radio{ margin-top: 0; padding: 10px 10px 10px 40px !important; position: relative; } .radio input[type="radio"], .t_radio input[type="radio"], .checkbox input[type="checkbox"]{ opacity:1; position: absolute; left: 8px; top: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; border: 0; padding: 0; outline: 0; background:url("../images/start_heart.png") no-repeat; -webkit-background-size: 90px 180px; -moz-background-size: 90px 180px; -o-background-size: 90px 180px; background-size: 90px 180px; -webkit-background-clip: content-box; -moz-background-clip: content-box; background-clip: content-box; background-origin: content-box; -moz-background-origin: content-box; -webkit-background-origin: content-box; } .t_radio input[type="radio"]{ background:url("../images/radio.png") no-repeat; -webkit-background-size: 20px 20px; -moz-background-size: 20px 20px; -o-background-size: 20px 20px; background-size: 20px 20px; } .t_radio input[type="radio"]:checked{ background:url("../images/radio_check.png") no-repeat; -webkit-background-size: 20px 20px; -moz-background-size: 20px 20px; -o-background-size: 20px 20px; background-size: 20px 20px; } .radio input[type="radio"]:checked{ background-position: -30px 0 } .checkbox input[type="checkbox"]{ background-position: 0 -30px } .checkbox input[type="checkbox"]:checked{ background-position: -30px -30px } /*head*/ .navbar{ margin-bottom: 0; } .navbar-brand{ margin-right: 40px; } .navbar-brand img{ height: 70px; } .navbar-toggle{ border-color: #0094be; margin-top: 20px; } .navbar-toggle .icon-bar{ background: #0094be } .navbar-nav{ margin-top: 25px; position: relative; } .navbar-nav>li>a{ line-height: 35px; color: #5a5a5a; padding: 0 20px 30px 20px; border-bottom: 2px solid #fff; } .navbar-nav>li:hover .dropdown-menu{ display: block; } .navbar-nav>li>a:hover, .navbar-nav>li.active a{ background: transparent; border-bottom-color: #2f82a4; color: #000; } .dropdown-menu{ padding: 0; border-radius: 0; border-color: #f2f2f2; box-shadow: none; left: -25px; } .dropdown-menu>li>a{ padding: 0 20px; line-height: 40px; font-weight: normal; } .swiper-pagination-bullet{ background: #fff; opacity:1; } .swiper-pagination-bullet-active{ background: #000; } .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 30px; } .login_btn{ position: absolute; right: 0; line-height: 35px; top:50%; margin-top: -20px; } .collapse{ position: relative; } .ping_menu{ margin: 0; } .ping_menu li{ list-style: none; padding: 10px; } .ping_menu li a{ display: block; text-align: right; color: #878787; padding-right: 10px; border-right: 2px solid #fafafa; text-decoration: none; } .ping_menu li.active a{ border-right: 2px solid #0094be; color: #000; } .ping_content{ padding-left: 40px; } .base_title{ color: #327c9c; font-size: 20px; padding: 20px 0; } .product_menu{ text-align: right; } .product_menu a{ display: inline-block; padding: 20px; text-decoration: none; } .product_menu a:hover{ color: #bed5dd; } .product_menu a.active{ background: #bed5dd; color: #fff; } .sub_title{ padding: 30px 0; } #index_menu{ position: fixed; right: 0; width: 20%; border-left: 1px solid #f0f0f0; z-index: 999; top: 100px; bottom: 0px; } .index_menu{ text-align: center; list-style: none; padding: 0; position: absolute; top: 50%; width: 100%; margin-top: -80px; } .index_menu li a{ display: block; color: #909090; line-height: 40px; } .index_menu li.active a{ color: #000; } #index_full{ right: 20%; left: 0; } #index_full img{ max-width: 100%; } #share_content .bdsharebuttonbox a{ display: inline-block; height: 24px; width: 24px; float: none; margin: 0; margin-right: 10px; } #share_content .bdshare-button-style0-24:after{ display: none; } #share_content .bdsharebuttonbox .bds_tieba{ background-position: 0,0; background-image: url(../images/tie.png); } #share_content .bdsharebuttonbox .bds_douban{ background-position: 0,0; background-image: url(../images/dou.png); } #share_content .bdsharebuttonbox .bds_twi{ background-position: 0,0; background-image: url(../images/tui.png); } #share_content .bdsharebuttonbox .bds_fbook{ background-position: 0,0; background-image: url(../images/face.png); } #share_content .bdsharebuttonbox .bds_tsina{ background-position: 0,0; background-image: url(../images/weibo.png); } .link_form{ position: relative; text-align: center; } .link_form .link_content{ position: absolute; top: 50%; left: 0; margin-top: -180px; width: 100%; } .link_form .link_content .form-control{ border:0; background: rgba(255,255,255,0.7); margin-bottom: 30px; } .link_form .link_content input.form-control{ line-height: 40px; height: 50px; } .link_form .link_content .btn{ background: transparent; padding: 5px 30px; border-color: #fff; color: #fff; } .index_link{ background-image: url('../images/index_link_bg.jpg'); background-position: center top; background-repeat: no-repeat; padding: 20px 0; } .i_link_title{ color: #2f82a4; font-size: 16px; font-weight: bold; padding: 10px; margin-top: 10px; border-bottom: 1px solid #2f82a4; display: inline-block; margin-bottom: 10px; min-width: 140px; } .index_link_title{ background-image: url('../images/index_link.png'); background-repeat: no-repeat; background-position: center center; background-size: auto 25px; height: 25px; margin:40px 0; } .ping_content{ position: absolute; top: 110px; bottom: 0; left: 0; right: 0; } #ping_menu{ position: fixed; left:0; top:50%; width: 20%; margin-top:-150px; z-index: 9999; border-right: 1px solid #9e9e9e; } .fixed_footer{ bottom: 0; position: fixed; left: 0; right: 0; z-index: 999; } #rocket-to-top div { left: 0; margin: 0; overflow: hidden; padding: 0; position: absolute; top: 0; width: 149px; } #rocket-to-top .level-2 { background: url("../images/top_hover.png") no-repeat scroll 0 0 transparent; background-size: 100% 100%; display: none; height: 80px; width: 80px; opacity: 0; z-index: 1; } #rocket-to-top .level-3 { background: none repeat scroll 0 0 transparent; cursor: pointer; display: block; height: 150px; z-index: 2; } #rocket-to-top { background: url("../images/top.png") no-repeat scroll 0 0 transparent; background-size: 100% 100%; cursor: default; display: block; height:80px; margin: -125px 0 0; overflow: hidden; padding: 0; position: fixed; right: 0; top: 80%; width: 80px; z-index: 11; } @media (max-width: 586px) { .navbar-brand img{ height: 50px; } .dropdown-menu{ float: none; position: static; } .dropdown-menu li{ text-align: center; } .ping_menu{ display: none; } .ping_content{ display: block !important; border-left: none; padding-left: 15px; } .navbar-nav{ margin-right: 0; } .navbar-nav>li>a{ text-align: center; padding: 0; } .navbar-nav{ float: none; } .zhan_box .thumb{ position: relative; width: auto; height: auto; margin-top: 0; right: 0; top: 0; } .zhan_box{ padding-right: 20px; margin-right: 0; } .banner_address{ position: static; width: 100%; height: auto; } .banner_dianying{ position: static; width: 100%; height: auto; } .link_form .link_content{ position: relative; top: 10px; margin-top: -100px; } .link_form .link_content .form-control{ border:1px solid #f2f2f2; } .footer_logo{ text-align: center; } #share_content{ text-align: center; } .link_form .link_content .btn{ background: #f2f2f2; color: #999; border-color: #f2f2f2; } }